/* line 23, app/assets/stylesheets/customers/birthday_blast.scss */
*, *::before, *::after {
box-sizing: border-box;
margin: 0;
padding: 0;
}
/* line 24, app/assets/stylesheets/customers/birthday_blast.scss */
html {
scroll-behavior: smooth;
}
/* line 25, app/assets/stylesheets/customers/birthday_blast.scss */
.hidden {
display: none !important;
}
/* line 28, app/assets/stylesheets/customers/birthday_blast.scss */
:root {
--primary: #FF5722;
--secondary: #FFD600;
--surface-dark: #071526;
--surface-warm: #FFFBF5;
--font-headline: 'Fredoka One', cursive;
--font-body: 'Nunito', sans-serif;
--navy: var(--surface-dark);
--orange: var(--primary);
--yellow: var(--secondary);
--light: var(--surface-warm);
--blue: #0099E6;
--pink: #FF3CAC;
--green: #00C27C;
}
/* line 45, app/assets/stylesheets/customers/birthday_blast.scss */
[data-theme="bright-bold"] {
--primary: #2563EB;
--secondary: #EF4444;
--surface-dark: #1E1B4B;
--surface-warm: #FAFAFA;
--font-headline: 'Titan One', sans-serif;
--font-body: 'Inter', sans-serif;
}
/* line 54, app/assets/stylesheets/customers/birthday_blast.scss */
[data-theme="soft-pastel"] {
--primary: #F472B6;
--secondary: #5EEAD4;
--surface-dark: #7C3AED;
--surface-warm: #FDF4FF;
--font-headline: 'Quicksand', sans-serif;
--font-body: 'Quicksand', sans-serif;
}
/* line 63, app/assets/stylesheets/customers/birthday_blast.scss */
[data-theme="neon-fun"] {
--primary: #EC4899;
--secondary: #A3E635;
--surface-dark: #0A0A0A;
--surface-warm: #FAFAFA;
--font-headline: 'Bagel Fat One', sans-serif;
--font-body: 'Inter', sans-serif;
}
/* line 73, app/assets/stylesheets/customers/birthday_blast.scss */
body.bb-template {
background: #fff;
font-family: var(--font-body);
line-height: 1.5;
overflow-x: hidden;
}
/* line 79, app/assets/stylesheets/customers/birthday_blast.scss */
body.bb-template button, body.bb-template select, body.bb-template input, body.bb-template textarea {
font-family: inherit;
}
/* line 80, app/assets/stylesheets/customers/birthday_blast.scss */
body.bb-template img {
display: block;
}
@keyframes bbFlashIn {
from {
opacity: 0;
transform: translateY(-14px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes bbFlashOut {
from {
opacity: 1;
transform: translateY(0);
}
to {
opacity: 0;
transform: translateY(-14px);
}
}
/* line 93, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-flash {
position: fixed;
top: 86px;
right: 24px;
z-index: 9999;
padding: 16px 20px 16px 22px;
border-radius: 16px;
font-family: var(--font-body);
font-size: 15px;
font-weight: 700;
display: flex;
align-items: center;
gap: 14px;
box-shadow: 0 8px 36px rgba(0, 0, 0, 0.18);
max-width: 420px;
animation: bbFlashIn .28s ease forwards;
}
/* line 110, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-flash.bb-flash-hiding {
animation: bbFlashOut .28s ease forwards;
}
/* line 112, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-flash button {
background: none;
border: none;
font-size: 20px;
line-height: 1;
cursor: pointer;
opacity: .35;
padding: 0;
color: #1a1a1a;
flex-shrink: 0;
margin-left: auto;
}
/* line 124, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-flash button:hover {
opacity: .7;
}
/* line 127, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-flash.bb-flash-notice {
background: #fff;
border-left: 5px solid var(--green);
color: #1a1a1a;
}
/* line 128, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-flash.bb-flash-alert {
background: #fff;
border-left: 5px solid #ef4444;
color: #1a1a1a;
}
/* line 132, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-template .alert_message_div {
position: fixed;
top: 86px;
right: 24px;
z-index: 9999;
width: max-content;
max-width: 480px;
animation: bbFlashIn .28s ease forwards;
}
@media (max-width: 528px) {
/* line 132, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-template .alert_message_div {
max-width: calc(100% - 48px);
}
}
/* line 143, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-template .alert_message_div .alert {
background: #fff;
border: none;
border-radius: 16px;
box-shadow: 0 8px 36px rgba(0, 0, 0, 0.18);
padding: 16px 20px 16px 22px;
font-family: var(--font-body);
font-size: 15px;
font-weight: 700;
color: #1a1a1a;
display: flex;
align-items: center;
gap: 16px;
margin: 0;
white-space: nowrap;
}
/* line 159, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-template .alert_message_div .alert.alert-danger {
border-left: 5px solid #ef4444;
}
/* line 160, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-template .alert_message_div .alert.alert-success {
border-left: 5px solid var(--green);
}
/* line 161, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-template .alert_message_div .alert.alert-warning {
border-left: 5px solid #f59e0b;
}
/* line 162, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-template .alert_message_div .alert.alert-info {
border-left: 5px solid #3b82f6;
}
/* line 165, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-template .alert_message_div .message {
white-space: normal;
flex: 1;
min-width: 0;
}
/* line 171, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-template .alert_message_div .close {
background: none;
border: none;
font-size: 20px;
line-height: 1;
cursor: pointer;
opacity: .35;
padding: 0;
color: #1a1a1a;
flex-shrink: 0;
position: static;
float: none;
text-shadow: none;
align-self: flex-start;
}
/* line 186, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-template .alert_message_div .close:hover {
opacity: .7;
}
/* line 191, app/assets/stylesheets/customers/birthday_blast.scss */
.nav {
background: var(--nav-bg, #fff);
padding: 0 48px;
display: flex;
justify-content: space-between;
align-items: center;
height: 66px;
position: sticky;
top: 0;
z-index: 999;
box-shadow: 0 2px 0 #FFE0CC;
}
/* line 204, app/assets/stylesheets/customers/birthday_blast.scss */
.logo {
font-family: var(--font-headline);
font-size: 28px;
color: var(--orange);
cursor: pointer;
text-decoration: none;
display: flex;
align-items: center;
}
/* line 213, app/assets/stylesheets/customers/birthday_blast.scss */
.logo .bb-logo-img {
max-height: 47px;
width: auto;
display: block;
}
/* line 220, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-logo--small .bb-logo-img {
max-height: 32px;
}
/* line 221, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-logo--medium .bb-logo-img {
max-height: 47px;
}
/* line 222, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-logo--large .bb-logo-img {
max-height: 64px;
}
/* line 224, app/assets/stylesheets/customers/birthday_blast.scss */
.nav-links {
display: flex;
height: 66px;
}
/* line 226, app/assets/stylesheets/customers/birthday_blast.scss */
.nav-link {
padding: 0 20px;
font-size: 13px;
font-weight: 800;
color: #555;
display: flex;
align-items: center;
border-bottom: 3px solid transparent;
margin-bottom: -3px;
cursor: pointer;
transition: color .15s;
text-decoration: none;
}
/* line 239, app/assets/stylesheets/customers/birthday_blast.scss */
.nav-link:hover, .nav-link.on {
color: var(--orange);
border-bottom-color: var(--orange);
}
/* line 242, app/assets/stylesheets/customers/birthday_blast.scss */
.nav-r {
display: flex;
align-items: center;
gap: 10px;
}
/* line 244, app/assets/stylesheets/customers/birthday_blast.scss */
.btn-call {
background: var(--yellow);
color: #1a1a1a;
padding: 10px 22px;
border-radius: 999px;
font-size: 13px;
font-weight: 900;
border: none;
cursor: pointer;
text-decoration: none;
white-space: nowrap;
}
/* line 257, app/assets/stylesheets/customers/birthday_blast.scss */
.btn-cart {
background: var(--navy);
color: #fff;
width: 40px;
height: 40px;
border-radius: 50%;
border: none;
font-size: 16px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
position: relative;
text-decoration: none;
}
/* line 273, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-badge {
position: absolute;
top: -4px;
right: -4px;
background: var(--orange);
color: #fff;
width: 18px;
height: 18px;
border-radius: 50%;
font-size: 10px;
font-weight: 900;
display: flex;
align-items: center;
justify-content: center;
}
/* line 290, app/assets/stylesheets/customers/birthday_blast.scss */
.sec-sup {
font-size: 11px;
font-weight: 900;
letter-spacing: 3px;
text-transform: uppercase;
color: var(--orange);
margin-bottom: 6px;
}
/* line 296, app/assets/stylesheets/customers/birthday_blast.scss */
.sec-h2 {
font-family: var(--font-headline);
font-size: 44px;
color: var(--heading-color, var(--surface-dark, #1a1a1a));
line-height: 1;
}
/* line 303, app/assets/stylesheets/customers/birthday_blast.scss */
.sec-h2-wh {
font-family: var(--font-headline);
font-size: 44px;
color: #fff;
line-height: 1;
}
/* line 310, app/assets/stylesheets/customers/birthday_blast.scss */
.sec-center {
text-align: center;
margin-bottom: 36px;
}
/* line 311, app/assets/stylesheets/customers/birthday_blast.scss */
.sec-label {
display: flex;
align-items: baseline;
gap: 16px;
margin-bottom: 36px;
}
/* line 313, app/assets/stylesheets/customers/birthday_blast.scss */
.btn-primary {
background: var(--orange);
color: #fff;
padding: 14px 36px;
border-radius: 999px;
font-size: 15px;
font-weight: 900;
border: none;
cursor: pointer;
box-shadow: 0 6px 20px color-mix(in srgb, var(--primary) 40%, transparent);
text-decoration: none;
display: inline-block;
}
/* line 327, app/assets/stylesheets/customers/birthday_blast.scss */
.btn-secondary {
background: transparent;
color: var(--orange);
padding: 13px 30px;
border-radius: 999px;
font-size: 15px;
font-weight: 800;
border: 2px solid var(--orange);
cursor: pointer;
text-decoration: none;
display: inline-block;
}
/* line 341, app/assets/stylesheets/customers/birthday_blast.scss */
.slash-down-light,
.slash-up-white,
.slash-down-navy,
.slash-up-navy,
.slash-down-orange {
overflow: hidden;
line-height: 0;
margin-top: -2px;
}
/* line 351, app/assets/stylesheets/customers/birthday_blast.scss */
.slash-down-light {
color: var(--light);
}
/* line 354, app/assets/stylesheets/customers/birthday_blast.scss */
.hero {
position: relative;
height: 560px;
overflow: hidden;
background: var(--navy);
}
/* line 361, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-img {
position: absolute;
inset: 0;
}
/* line 365, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-img img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center 35%;
}
/* line 367, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-img::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(100deg, color-mix(in srgb, var(--surface-dark) 92%, transparent) 0%, color-mix(in srgb, var(--surface-dark) 65%, transparent) 45%, color-mix(in srgb, var(--surface-dark) 5%, transparent) 100%);
}
/* line 378, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-starburst {
position: absolute;
right: 8%;
top: 50%;
transform: translateY(-50%);
width: 320px;
height: 320px;
opacity: .1;
z-index: 1;
}
/* line 389, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-dots {
position: absolute;
inset: 0;
z-index: 1;
background-image: radial-gradient(rgba(255, 214, 0, 0.2) 1.5px, transparent 1.5px);
background-size: 28px 28px;
}
/* line 397, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-content {
position: relative;
z-index: 3;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
padding: 0 80px;
max-width: 680px;
gap: 24px;
}
/* line 409, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-h1 {
font-family: var(--font-headline);
font-size: 82px;
line-height: .92;
color: #fff;
}
/* line 415, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-h1 .pop {
color: var(--yellow);
}
/* line 416, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-h1 .pop2 {
color: #FF9EBC;
}
/* line 419, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-sub {
font-size: 16px;
color: rgba(255, 255, 255, 0.82);
line-height: 1.7;
max-width: 420px;
}
/* line 426, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-btns {
display: flex;
gap: 14px;
}
/* line 428, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-btn1 {
background: var(--orange);
color: #fff;
padding: 16px 40px;
border-radius: 999px;
font-size: 15px;
font-weight: 900;
border: none;
cursor: pointer;
box-shadow: 0 8px 28px color-mix(in srgb, var(--primary) 45%, transparent);
}
/* line 440, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-btn2 {
background: transparent;
color: #fff;
padding: 16px 30px;
border-radius: 999px;
font-size: 15px;
font-weight: 800;
border: 2px solid rgba(255, 255, 255, 0.4);
cursor: pointer;
}
/* line 452, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-date-bar {
background: rgba(255, 255, 255, 0.12);
backdrop-filter: blur(12px);
border: 1.5px solid rgba(255, 255, 255, 0.25);
border-radius: 18px;
padding: 20px 24px;
max-width: 520px;
margin-top: 8px;
}
/* line 462, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-date-bar-label {
font-size: 11px;
font-weight: 900;
letter-spacing: 2px;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.6);
margin-bottom: 10px;
}
/* line 468, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-date-row {
display: flex;
gap: 10px;
align-items: center;
}
/* line 470, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-date-input {
flex: 1;
padding: 13px 38px 13px 16px;
border-radius: 12px;
border: none;
font-size: 15px;
font-weight: 700;
color: #1a1a1a;
outline: none;
background: #fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ff5722' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E") no-repeat right 12px center/16px;
cursor: pointer;
}
/* line 483, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-date-btn {
background: var(--orange);
color: #fff;
padding: 13px 24px;
border-radius: 12px;
font-size: 14px;
font-weight: 900;
border: none;
cursor: pointer;
white-space: nowrap;
box-shadow: 0 4px 16px color-mix(in srgb, var(--primary) 45%, transparent);
}
/* line 496, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-skip {
font-size: 12px;
color: rgba(255, 255, 255, 0.5);
margin-top: 8px;
cursor: pointer;
text-decoration: underline;
text-underline-offset: 3px;
display: inline-block;
}
/* line 505, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-skip:hover {
color: rgba(255, 255, 255, 0.8);
}
/* line 509, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-hero-video {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 0;
}
/* line 518, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-hero-slide {
opacity: 0;
transition: opacity 0.6s ease-in-out;
z-index: 0;
}
/* line 523, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-hero-slide.active {
opacity: 1;
}
/* line 526, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-hero-nav {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 4;
background: rgba(255, 255, 255, 0.2);
border: 1px solid rgba(255, 255, 255, 0.35);
color: #fff;
width: 44px;
height: 44px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: background 0.2s;
}
/* line 543, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-hero-nav:hover {
background: rgba(255, 255, 255, 0.38);
}
/* line 546, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-hero-prev {
left: 20px;
}
/* line 547, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-hero-next {
right: 20px;
}
/* line 549, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-hero-dots {
position: absolute;
bottom: 18px;
left: 50%;
transform: translateX(-50%);
display: flex;
gap: 8px;
z-index: 4;
}
/* line 559, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-hero-dot {
width: 10px;
height: 10px;
border-radius: 50%;
border: none;
background: rgba(255, 255, 255, 0.45);
cursor: pointer;
transition: background 0.2s, width 0.2s;
}
/* line 568, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-hero-dot.active {
background: #FFD600;
width: 28px;
border-radius: 5px;
}
@media (max-width: 600px) {
/* line 576, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-hero-prev {
left: 10px;
}
/* line 577, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-hero-next {
right: 10px;
}
}
/* line 581, app/assets/stylesheets/customers/birthday_blast.scss */
.cats {
background: var(--light);
padding: 64px 48px 80px;
}
/* line 583, app/assets/stylesheets/customers/birthday_blast.scss */
.cat-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
/* line 585, app/assets/stylesheets/customers/birthday_blast.scss */
.cat {
border-radius: 28px;
overflow: hidden;
cursor: pointer;
position: relative;
height: 215px;
display: flex;
align-items: flex-end;
padding: 24px;
transition: transform .25s, box-shadow .25s;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
text-decoration: none;
}
/* line 598, app/assets/stylesheets/customers/birthday_blast.scss */
.cat:nth-child(odd) {
transform: rotate(-1deg);
}
/* line 599, app/assets/stylesheets/customers/birthday_blast.scss */
.cat:nth-child(even) {
transform: rotate(1deg);
}
/* line 600, app/assets/stylesheets/customers/birthday_blast.scss */
.cat:hover {
transform: rotate(0deg) scale(1.04) !important;
box-shadow: 0 20px 48px color-mix(in srgb, var(--primary) 22%, transparent) !important;
}
/* line 602, app/assets/stylesheets/customers/birthday_blast.scss */
.cat::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(to top, rgba(0, 0, 0, 0.78) 0%, rgba(0, 0, 0, 0) 60%);
}
/* line 610, app/assets/stylesheets/customers/birthday_blast.scss */
.cat-bg {
position: absolute;
inset: 0;
}
/* line 614, app/assets/stylesheets/customers/birthday_blast.scss */
.cat-bg img {
width: 100%;
height: 100%;
object-fit: cover;
}
/* line 617, app/assets/stylesheets/customers/birthday_blast.scss */
.cat-tint {
position: absolute;
inset: 0;
opacity: .25;
mix-blend-mode: multiply;
}
/* line 618, app/assets/stylesheets/customers/birthday_blast.scss */
.cat-info {
position: relative;
z-index: 1;
}
/* line 619, app/assets/stylesheets/customers/birthday_blast.scss */
.cat-name {
font-family: var(--font-headline);
font-size: 22px;
color: #fff;
margin-bottom: 2px;
}
/* line 620, app/assets/stylesheets/customers/birthday_blast.scss */
.cat-sub {
font-size: 13px;
color: rgba(255, 255, 255, 0.85);
font-weight: 700;
}
/* line 622, app/assets/stylesheets/customers/birthday_blast.scss */
.cat-pill {
position: absolute;
top: 16px;
right: 16px;
z-index: 1;
background: rgba(255, 255, 255, 0.18);
backdrop-filter: blur(8px);
color: #fff;
padding: 4px 12px;
border-radius: 999px;
font-size: 11px;
font-weight: 800;
}
/* line 637, app/assets/stylesheets/customers/birthday_blast.scss */
.cat--image-only .cat-info {
display: none;
}
/* line 639, app/assets/stylesheets/customers/birthday_blast.scss */
.cat--below {
height: auto;
flex-direction: column;
align-items: stretch;
padding: 0;
}
/* line 645, app/assets/stylesheets/customers/birthday_blast.scss */
.cat--below:nth-child(odd) {
transform: none;
}
/* line 646, app/assets/stylesheets/customers/birthday_blast.scss */
.cat--below:nth-child(even) {
transform: none;
}
/* line 647, app/assets/stylesheets/customers/birthday_blast.scss */
.cat--below:hover {
transform: scale(1.02) !important;
}
/* line 648, app/assets/stylesheets/customers/birthday_blast.scss */
.cat--below::after {
display: none;
}
/* line 650, app/assets/stylesheets/customers/birthday_blast.scss */
.cat--below .cat-bg {
position: relative;
height: 180px;
flex-shrink: 0;
}
/* line 656, app/assets/stylesheets/customers/birthday_blast.scss */
.cat--below .cat-tint {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 180px;
}
/* line 662, app/assets/stylesheets/customers/birthday_blast.scss */
.cat--below .cat-info {
padding: 14px 18px 16px;
background: #fff;
}
/* line 667, app/assets/stylesheets/customers/birthday_blast.scss */
.cat--below .cat-name {
color: #1a1a1a;
font-size: 18px;
margin-bottom: 4px;
}
/* line 670, app/assets/stylesheets/customers/birthday_blast.scss */
.cat-cta {
display: inline-block;
margin-top: 4px;
font-size: 12px;
font-weight: 800;
color: var(--orange);
text-transform: uppercase;
letter-spacing: 1px;
}
/* line 681, app/assets/stylesheets/customers/birthday_blast.scss */
.prod-grid-4 {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
}
/* line 682, app/assets/stylesheets/customers/birthday_blast.scss */
.prod-grid-3 {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
/* line 684, app/assets/stylesheets/customers/birthday_blast.scss */
.prod-card {
background: #fff;
border-radius: 28px;
overflow: hidden;
cursor: pointer;
transition: transform 0.28s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.28s;
box-shadow: 0 6px 28px rgba(0, 0, 0, 0.08);
text-decoration: none;
display: flex;
flex-direction: column;
}
/* line 695, app/assets/stylesheets/customers/birthday_blast.scss */
.prod-card:hover {
transform: translateY(-10px) scale(1.015);
box-shadow: 0 28px 56px color-mix(in srgb, var(--primary) 20%, transparent);
}
/* line 700, app/assets/stylesheets/customers/birthday_blast.scss */
.prod-card:hover .prod-card-img img {
transform: scale(1.06);
}
/* line 701, app/assets/stylesheets/customers/birthday_blast.scss */
.prod-card:hover .prod-card-img::before {
opacity: 1;
}
/* line 706, app/assets/stylesheets/customers/birthday_blast.scss */
.prod-card-img {
aspect-ratio: 4/3;
position: relative;
overflow: hidden;
}
/* line 711, app/assets/stylesheets/customers/birthday_blast.scss */
.prod-card-img img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform .3s;
}
/* line 713, app/assets/stylesheets/customers/birthday_blast.scss */
.prod-card-img::before {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(to top, color-mix(in srgb, var(--primary) 18%, transparent) 0%, transparent 55%);
opacity: 0;
transition: opacity .3s;
z-index: 1;
}
/* line 724, app/assets/stylesheets/customers/birthday_blast.scss */
.prod-accent {
height: 5px;
width: 100%;
}
/* line 725, app/assets/stylesheets/customers/birthday_blast.scss */
.prod-card-body {
padding: 18px 20px 22px;
flex: 1;
display: flex;
flex-direction: column;
}
/* line 726, app/assets/stylesheets/customers/birthday_blast.scss */
.prod-card-cat {
font-size: 10px;
font-weight: 900;
letter-spacing: 2px;
text-transform: uppercase;
margin-bottom: 4px;
}
/* line 727, app/assets/stylesheets/customers/birthday_blast.scss */
.prod-card-name {
font-family: var(--font-headline);
font-size: 21px;
color: #1a1a1a;
margin-bottom: 6px;
}
/* line 728, app/assets/stylesheets/customers/birthday_blast.scss */
.prod-card-desc {
font-size: 12px;
color: #777;
margin-bottom: 14px;
line-height: 1.45;
}
/* line 729, app/assets/stylesheets/customers/birthday_blast.scss */
.prod-card-row {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: auto;
}
/* line 730, app/assets/stylesheets/customers/birthday_blast.scss */
.prod-card-price {
font-size: 20px;
font-weight: 900;
color: var(--orange);
}
/* line 732, app/assets/stylesheets/customers/birthday_blast.scss */
.prod-card-btn {
color: #fff;
border: none;
padding: 10px 22px;
border-radius: 999px;
font-size: 12px;
font-weight: 900;
cursor: pointer;
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18);
transition: transform .15s, box-shadow .15s;
}
/* line 745, app/assets/stylesheets/customers/birthday_blast.scss */
.g-rev-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
margin-top: 36px;
}
/* line 747, app/assets/stylesheets/customers/birthday_blast.scss */
.g-card {
background: #fff;
border-radius: 14px;
padding: 20px;
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
border: 1px solid #e8eaed;
}
/* line 755, app/assets/stylesheets/customers/birthday_blast.scss */
.g-top {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 10px;
}
/* line 757, app/assets/stylesheets/customers/birthday_blast.scss */
.g-avatar {
width: 42px;
height: 42px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
font-size: 17px;
color: #fff;
flex-shrink: 0;
}
/* line 770, app/assets/stylesheets/customers/birthday_blast.scss */
.g-uname {
font-size: 14px;
font-weight: 800;
color: #202124;
}
/* line 771, app/assets/stylesheets/customers/birthday_blast.scss */
.g-udate {
font-size: 12px;
color: #70757a;
margin-top: 1px;
}
/* line 772, app/assets/stylesheets/customers/birthday_blast.scss */
.g-glogo {
margin-left: auto;
flex-shrink: 0;
}
/* line 773, app/assets/stylesheets/customers/birthday_blast.scss */
.g-stars {
color: #FBBC04;
font-size: 16px;
margin-bottom: 8px;
letter-spacing: 1px;
}
/* line 774, app/assets/stylesheets/customers/birthday_blast.scss */
.g-text {
font-size: 13px;
color: #3c4043;
line-height: 1.65;
}
/* line 777, app/assets/stylesheets/customers/birthday_blast.scss */
.t-card {
background: #fff;
border-radius: 14px;
padding: 24px;
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
border: 1px solid #e8eaed;
}
/* line 785, app/assets/stylesheets/customers/birthday_blast.scss */
.t-top {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 12px;
}
/* line 787, app/assets/stylesheets/customers/birthday_blast.scss */
.t-avatar {
width: 44px;
height: 44px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
font-size: 18px;
color: #fff;
flex-shrink: 0;
overflow: hidden;
}
/* line 800, app/assets/stylesheets/customers/birthday_blast.scss */
.t-avatar img {
width: 100%;
height: 100%;
object-fit: cover;
}
/* line 803, app/assets/stylesheets/customers/birthday_blast.scss */
.t-name {
font-size: 14px;
font-weight: 800;
color: #202124;
}
/* line 804, app/assets/stylesheets/customers/birthday_blast.scss */
.t-desig {
font-size: 12px;
color: #70757a;
margin-top: 1px;
}
/* line 805, app/assets/stylesheets/customers/birthday_blast.scss */
.t-stars {
color: #FBBC04;
font-size: 16px;
margin-bottom: 8px;
letter-spacing: 1px;
}
/* line 806, app/assets/stylesheets/customers/birthday_blast.scss */
.t-text {
font-size: 13px;
color: #3c4043;
line-height: 1.65;
}
/* line 809, app/assets/stylesheets/customers/birthday_blast.scss */
.gal-grid {
display: grid;
grid-template-columns: 1.8fr 1fr 1fr;
grid-template-rows: 240px 190px;
gap: 16px;
margin-top: 36px;
}
/* line 817, app/assets/stylesheets/customers/birthday_blast.scss */
.gcell {
border-radius: 22px;
overflow: hidden;
}
/* line 821, app/assets/stylesheets/customers/birthday_blast.scss */
.gcell.big {
grid-row: span 2;
}
/* line 823, app/assets/stylesheets/customers/birthday_blast.scss */
.gcell img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform .3s;
}
/* line 825, app/assets/stylesheets/customers/birthday_blast.scss */
.gcell:hover img {
transform: scale(1.04);
}
/* line 829, app/assets/stylesheets/customers/birthday_blast.scss */
.cta-sec {
background: var(--orange);
padding: 80px 48px;
text-align: center;
position: relative;
overflow: hidden;
}
/* line 837, app/assets/stylesheets/customers/birthday_blast.scss */
.cta-blob {
position: absolute;
border-radius: 50%;
background: rgba(255, 255, 255, 0.07);
}
/* line 839, app/assets/stylesheets/customers/birthday_blast.scss */
.cta-t {
font-family: var(--font-headline);
font-size: 54px;
color: #fff;
margin-bottom: 12px;
position: relative;
z-index: 1;
}
/* line 848, app/assets/stylesheets/customers/birthday_blast.scss */
.cta-s {
font-size: 17px;
color: rgba(255, 255, 255, 0.88);
margin-bottom: 32px;
position: relative;
z-index: 1;
}
/* line 856, app/assets/stylesheets/customers/birthday_blast.scss */
.cta-btn {
background: var(--yellow);
color: #1a1a1a;
padding: 18px 60px;
border-radius: 999px;
font-size: 18px;
font-weight: 900;
border: none;
cursor: pointer;
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
position: relative;
z-index: 1;
text-decoration: none;
display: inline-block;
}
/* line 873, app/assets/stylesheets/customers/birthday_blast.scss */
.faq-list {
display: flex;
flex-direction: column;
gap: 12px;
margin-top: 32px;
}
/* line 875, app/assets/stylesheets/customers/birthday_blast.scss */
.faq-item {
background: #fff;
border-radius: 18px;
overflow: hidden;
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.07);
}
/* line 882, app/assets/stylesheets/customers/birthday_blast.scss */
.faq-item.open .faq-a {
display: block;
}
/* line 883, app/assets/stylesheets/customers/birthday_blast.scss */
.faq-item.open .faq-ico {
transform: rotate(45deg);
background: var(--navy);
}
/* line 887, app/assets/stylesheets/customers/birthday_blast.scss */
.faq-q {
padding: 20px 24px;
font-size: 15px;
font-weight: 800;
color: var(--heading-color, var(--surface-dark, #1a1a1a));
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
gap: 16px;
}
/* line 899, app/assets/stylesheets/customers/birthday_blast.scss */
.faq-ico {
width: 28px;
height: 28px;
border-radius: 50%;
background: var(--orange);
color: #fff;
font-size: 20px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
transition: transform .2s;
}
/* line 913, app/assets/stylesheets/customers/birthday_blast.scss */
.faq-a {
padding: 0 24px 20px;
font-size: 14px;
color: #555;
line-height: 1.8;
display: none;
}
/* line 916, app/assets/stylesheets/customers/birthday_blast.scss */
.footer {
background: var(--navy);
padding: 56px 80px 28px;
}
/* line 918, app/assets/stylesheets/customers/birthday_blast.scss */
.footer-grid {
display: grid;
grid-template-columns: 1.6fr 1fr 1fr 1fr;
gap: 48px;
margin-bottom: 40px;
}
/* line 925, app/assets/stylesheets/customers/birthday_blast.scss */
.footer-logo {
font-family: var(--font-headline);
font-size: 28px;
color: var(--yellow);
margin-bottom: 12px;
}
/* line 926, app/assets/stylesheets/customers/birthday_blast.scss */
.footer-tagline {
font-size: 13px;
color: rgba(255, 255, 255, 0.38);
line-height: 1.7;
margin-bottom: 18px;
}
/* line 928, app/assets/stylesheets/customers/birthday_blast.scss */
.footer-call {
display: inline-flex;
align-items: center;
gap: 7px;
background: var(--orange);
color: #fff;
padding: 11px 24px;
border-radius: 999px;
font-size: 13px;
font-weight: 900;
border: none;
cursor: pointer;
text-decoration: none;
}
/* line 943, app/assets/stylesheets/customers/birthday_blast.scss */
.footer-col-title {
font-size: 10px;
font-weight: 900;
letter-spacing: 2.5px;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.28);
margin-bottom: 16px;
}
/* line 945, app/assets/stylesheets/customers/birthday_blast.scss */
.footer-link {
display: block;
font-size: 13px;
color: rgba(255, 255, 255, 0.5);
margin-bottom: 9px;
cursor: pointer;
transition: color .15s;
text-decoration: none;
}
/* line 954, app/assets/stylesheets/customers/birthday_blast.scss */
.footer-link:hover {
color: #fff;
}
/* line 957, app/assets/stylesheets/customers/birthday_blast.scss */
.footer-socials {
display: flex;
gap: 10px;
margin-top: 16px;
}
/* line 959, app/assets/stylesheets/customers/birthday_blast.scss */
.footer-soc {
width: 36px;
height: 36px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.08);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
text-decoration: none;
}
/* line 971, app/assets/stylesheets/customers/birthday_blast.scss */
.footer-bot {
border-top: 1px solid rgba(255, 255, 255, 0.07);
padding-top: 22px;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 10px;
}
/* line 981, app/assets/stylesheets/customers/birthday_blast.scss */
.footer-copy {
font-size: 12px;
color: rgba(255, 255, 255, 0.22);
}
/* line 983, app/assets/stylesheets/customers/birthday_blast.scss */
.footer-tc {
font-size: 12px;
color: rgba(255, 255, 255, 0.22);
text-decoration: none;
cursor: pointer;
}
/* line 989, app/assets/stylesheets/customers/birthday_blast.scss */
.footer-tc:hover {
color: rgba(255, 255, 255, 0.5);
}
/* line 993, app/assets/stylesheets/customers/birthday_blast.scss */
.nav-toggle {
display: none;
width: 38px;
height: 38px;
background: transparent;
border: none;
cursor: pointer;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 5px;
padding: 0;
margin-left: 4px;
}
/* line 1007, app/assets/stylesheets/customers/birthday_blast.scss */
.nav-toggle span {
display: block;
width: 22px;
height: 2.5px;
background: var(--navy);
border-radius: 2px;
transition: transform .25s, opacity .2s;
}
/* line 1017, app/assets/stylesheets/customers/birthday_blast.scss */
.nav-toggle.open span:nth-child(1) {
transform: translateY(7.5px) rotate(45deg);
}
/* line 1018, app/assets/stylesheets/customers/birthday_blast.scss */
.nav-toggle.open span:nth-child(2) {
opacity: 0;
}
/* line 1019, app/assets/stylesheets/customers/birthday_blast.scss */
.nav-toggle.open span:nth-child(3) {
transform: translateY(-7.5px) rotate(-45deg);
}
/* line 1023, app/assets/stylesheets/customers/birthday_blast.scss */
.nav-backdrop {
display: none;
position: fixed;
inset: 62px 0 0 0;
background: color-mix(in srgb, var(--surface-dark) 45%, transparent);
z-index: 997;
}
/* line 1030, app/assets/stylesheets/customers/birthday_blast.scss */
.nav-backdrop.on {
display: block;
}
/* line 1034, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-bottom-bar {
display: none;
position: fixed;
bottom: 0;
left: 0;
right: 0;
background: #fff;
border-top: 2px solid #FFE0CC;
box-shadow: 0 -6px 24px rgba(0, 0, 0, 0.08);
z-index: 996;
padding: 10px 14px calc(10px + env(safe-area-inset-bottom));
justify-content: space-between;
align-items: center;
gap: 10px;
transition: transform .28s ease, opacity .22s ease;
}
/* line 1050, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-bottom-bar.hidden {
transform: translateY(110%);
opacity: 0;
pointer-events: none;
}
/* line 1053, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-bb-info {
display: flex;
flex-direction: column;
line-height: 1.1;
}
/* line 1054, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-bb-label {
font-size: 11px;
color: #888;
font-weight: 700;
letter-spacing: .4px;
}
/* line 1055, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-bb-price {
font-family: var(--font-headline);
font-size: 22px;
color: var(--orange);
}
/* line 1057, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-bb-cta {
background: var(--orange);
color: #fff;
padding: 13px 26px;
border-radius: 999px;
font-size: 14px;
font-weight: 900;
border: none;
cursor: pointer;
box-shadow: 0 6px 18px color-mix(in srgb, var(--primary) 40%, transparent);
white-space: nowrap;
}
/* line 1071, app/assets/stylesheets/customers/birthday_blast.scss */
.inner-hero {
position: relative;
height: 340px;
overflow: hidden;
background: var(--navy);
}
/* line 1077, app/assets/stylesheets/customers/birthday_blast.scss */
.inner-hero img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center 40%;
}
/* line 1079, app/assets/stylesheets/customers/birthday_blast.scss */
.inner-hero::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(to right, color-mix(in srgb, var(--surface-dark) 85%, transparent) 0%, color-mix(in srgb, var(--surface-dark) 40%, transparent) 100%);
}
/* line 1089, app/assets/stylesheets/customers/birthday_blast.scss */
.inner-hero-content {
position: absolute;
inset: 0;
display: flex;
flex-direction: column;
justify-content: center;
padding: 0 80px;
z-index: 2;
}
/* line 1090, app/assets/stylesheets/customers/birthday_blast.scss */
.inner-hero-title {
font-family: var(--font-headline);
font-size: 60px;
color: #fff;
line-height: 1;
}
/* line 1091, app/assets/stylesheets/customers/birthday_blast.scss */
.inner-hero-sub {
font-size: 16px;
color: rgba(255, 255, 255, 0.75);
margin-top: 10px;
max-width: 480px;
}
/* line 1094, app/assets/stylesheets/customers/birthday_blast.scss */
.browse-wrap {
background: var(--light);
padding: 48px;
}
/* line 1096, app/assets/stylesheets/customers/birthday_blast.scss */
.filter-bar {
display: flex;
gap: 10px;
flex-wrap: wrap;
margin-bottom: 36px;
}
/* line 1098, app/assets/stylesheets/customers/birthday_blast.scss */
.filter-chip {
padding: 9px 20px;
border-radius: 999px;
font-size: 13px;
font-weight: 800;
cursor: pointer;
border: 2px solid #e5e7eb;
color: #374151;
background: #fff;
transition: all .15s;
text-decoration: none;
display: inline-block;
white-space: nowrap;
}
/* line 1112, app/assets/stylesheets/customers/birthday_blast.scss */
.filter-chip:hover {
border-color: var(--orange);
color: var(--orange);
}
/* line 1113, app/assets/stylesheets/customers/birthday_blast.scss */
.filter-chip.on {
background: var(--orange);
color: #fff;
border-color: var(--orange);
}
/* line 1116, app/assets/stylesheets/customers/birthday_blast.scss */
.browse-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
}
/* line 1118, app/assets/stylesheets/customers/birthday_blast.scss */
.browse-event-bar {
background: #fff;
border: 2px solid #FFE0CC;
border-radius: 18px;
padding: 18px 24px;
margin-bottom: 20px;
display: flex;
align-items: center;
gap: 20px;
flex-wrap: wrap;
}
/* line 1130, app/assets/stylesheets/customers/birthday_blast.scss */
.browse-event-bar-left {
display: flex;
align-items: center;
gap: 14px;
flex: 1;
min-width: 200px;
}
/* line 1132, app/assets/stylesheets/customers/birthday_blast.scss */
.browse-event-bar-icon {
width: 44px;
height: 44px;
border-radius: 12px;
background: #FFF4F0;
display: flex;
align-items: center;
justify-content: center;
font-size: 22px;
flex-shrink: 0;
}
/* line 1144, app/assets/stylesheets/customers/birthday_blast.scss */
.browse-event-bar-label {
font-size: 15px;
font-weight: 900;
color: #1a1a1a;
}
/* line 1145, app/assets/stylesheets/customers/birthday_blast.scss */
.browse-event-bar-sub {
font-size: 14px;
color: #999;
font-weight: 700;
}
/* line 1147, app/assets/stylesheets/customers/birthday_blast.scss */
.browse-event-bar-sub.has-date {
color: var(--green);
font-weight: 800;
}
/* line 1150, app/assets/stylesheets/customers/birthday_blast.scss */
.browse-event-bar-right {
display: flex;
align-items: center;
gap: 10px;
flex-shrink: 0;
}
/* line 1152, app/assets/stylesheets/customers/birthday_blast.scss */
.browse-event-input {
padding: 11px 38px 11px 16px;
border: 2px solid #e5e7eb;
border-radius: 12px;
font-size: 14px;
font-weight: 700;
color: #1a1a1a;
outline: none;
background: #fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ff5722' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E") no-repeat right 12px center/16px;
transition: border-color .15s;
font-family: var(--font-body);
cursor: pointer;
}
/* line 1165, app/assets/stylesheets/customers/birthday_blast.scss */
.browse-event-input:focus {
border-color: var(--orange);
}
/* line 1166, app/assets/stylesheets/customers/birthday_blast.scss */
.browse-event-input.filled {
border-color: var(--orange);
background-color: #FFF4F0;
}
/* line 1169, app/assets/stylesheets/customers/birthday_blast.scss */
.browse-event-btn {
background: var(--orange);
color: #fff;
padding: 11px 22px;
border-radius: 12px;
font-size: 13px;
font-weight: 900;
border: none;
cursor: pointer;
white-space: nowrap;
box-shadow: 0 4px 14px color-mix(in srgb, var(--primary) 35%, transparent);
transition: transform .15s;
}
/* line 1182, app/assets/stylesheets/customers/birthday_blast.scss */
.browse-event-btn:hover {
transform: translateY(-1px);
}
/* line 1185, app/assets/stylesheets/customers/birthday_blast.scss */
.browse-event-clear {
font-size: 12px;
color: #bbb;
font-weight: 700;
cursor: pointer;
padding: 6px 10px;
border-radius: 8px;
transition: color .15s;
background: none;
border: none;
text-decoration: none;
display: inline-block;
}
/* line 1198, app/assets/stylesheets/customers/birthday_blast.scss */
.browse-event-clear:hover {
color: var(--orange);
}
/* line 1201, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-back-link {
display: inline-flex;
align-items: center;
gap: 6px;
font-size: 13px;
font-weight: 800;
color: #555;
text-decoration: none;
margin-bottom: 16px;
}
/* line 1211, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-back-link:hover {
color: var(--orange);
}
/* line 1215, app/assets/stylesheets/customers/birthday_blast.scss */
.about-story {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 60px;
align-items: center;
padding: 80px;
max-width: 1200px;
margin: 0 auto;
}
/* line 1217, app/assets/stylesheets/customers/birthday_blast.scss */
.about-story-img {
border-radius: 28px;
overflow: hidden;
aspect-ratio: 4/3;
position: relative;
}
/* line 1223, app/assets/stylesheets/customers/birthday_blast.scss */
.about-story-img img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
/* line 1226, app/assets/stylesheets/customers/birthday_blast.scss */
.about-stats {
display: grid;
grid-template-columns: repeat(3, 1fr);
background: var(--navy);
margin: 0 48px;
border-radius: 20px;
overflow: hidden;
}
/* line 1228, app/assets/stylesheets/customers/birthday_blast.scss */
.about-stat {
padding: 36px 24px;
text-align: center;
border-right: 1px solid rgba(255, 255, 255, 0.1);
}
/* line 1233, app/assets/stylesheets/customers/birthday_blast.scss */
.about-stat:last-child {
border-right: none;
}
/* line 1236, app/assets/stylesheets/customers/birthday_blast.scss */
.about-stat-num {
font-family: var(--font-headline);
font-size: 52px;
color: var(--yellow);
line-height: 1;
}
/* line 1237, app/assets/stylesheets/customers/birthday_blast.scss */
.about-stat-label {
font-size: 13px;
color: rgba(255, 255, 255, 0.6);
margin-top: 6px;
font-weight: 700;
}
/* line 1238, app/assets/stylesheets/customers/birthday_blast.scss */
.about-faq {
padding: 72px 80px;
max-width: 900px;
margin: 0 auto;
}
/* line 1241, app/assets/stylesheets/customers/birthday_blast.scss */
.about-faq--page {
padding-top: 0;
}
/* line 1244, app/assets/stylesheets/customers/birthday_blast.scss */
.about-reviews-bar {
margin: 32px 48px;
background: var(--navy);
border-radius: 20px;
overflow: hidden;
padding: 28px 40px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 40px;
flex-wrap: wrap;
}
/* line 1257, app/assets/stylesheets/customers/birthday_blast.scss */
.about-reviews-bar-left {
flex: 1;
min-width: 260px;
}
/* line 1259, app/assets/stylesheets/customers/birthday_blast.scss */
.about-reviews-bar-sup {
font-size: 11px;
font-weight: 900;
letter-spacing: 3px;
text-transform: uppercase;
color: #4CC9F0;
margin-bottom: 10px;
}
/* line 1265, app/assets/stylesheets/customers/birthday_blast.scss */
.about-reviews-bar-title {
font-family: var(--font-headline);
font-size: 38px;
color: #fff;
line-height: 1;
}
/* line 1272, app/assets/stylesheets/customers/birthday_blast.scss */
.about-reviews-rating {
display: flex;
align-items: center;
gap: 16px;
background: rgba(255, 255, 255, 0.07);
border: 1px solid rgba(255, 255, 255, 0.12);
border-radius: 18px;
padding: 20px 32px;
}
/* line 1282, app/assets/stylesheets/customers/birthday_blast.scss */
.about-reviews-glogo {
flex-shrink: 0;
}
/* line 1284, app/assets/stylesheets/customers/birthday_blast.scss */
.about-reviews-score-row {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 4px;
}
/* line 1291, app/assets/stylesheets/customers/birthday_blast.scss */
.about-reviews-score {
font-family: var(--font-headline);
font-size: 48px;
color: #fff;
line-height: 1;
}
/* line 1298, app/assets/stylesheets/customers/birthday_blast.scss */
.about-reviews-stars-col {
display: flex;
flex-direction: column;
gap: 4px;
}
/* line 1299, app/assets/stylesheets/customers/birthday_blast.scss */
.about-reviews-stars-row {
display: flex;
gap: 3px;
}
/* line 1300, app/assets/stylesheets/customers/birthday_blast.scss */
.about-reviews-star {
color: #FBBC04;
font-size: 22px;
}
/* line 1301, app/assets/stylesheets/customers/birthday_blast.scss */
.about-reviews-count {
font-size: 13px;
color: rgba(255, 255, 255, 0.55);
font-weight: 700;
}
/* line 1304, app/assets/stylesheets/customers/birthday_blast.scss */
.about-content-wrap {
padding: 56px 80px;
}
/* line 1305, app/assets/stylesheets/customers/birthday_blast.scss */
.about-content-inner {
max-width: 860px;
margin: 0 auto;
}
/* line 1306, app/assets/stylesheets/customers/birthday_blast.scss */
.about-content-sup {
margin-bottom: 14px;
}
/* line 1307, app/assets/stylesheets/customers/birthday_blast.scss */
.about-content-text {
font-size: 15px;
color: #555;
line-height: 1.85;
margin-bottom: 16px;
}
/* line 1309, app/assets/stylesheets/customers/birthday_blast.scss */
.about-content-text:last-child {
margin-bottom: 0;
}
/* line 1313, app/assets/stylesheets/customers/birthday_blast.scss */
.contact-cards {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
padding: 48px 80px 0;
max-width: 1100px;
margin: 0 auto;
}
/* line 1315, app/assets/stylesheets/customers/birthday_blast.scss */
.contact-card {
background: #fff;
border-radius: 20px;
padding: 32px;
text-align: center;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}
/* line 1323, app/assets/stylesheets/customers/birthday_blast.scss */
.contact-card-icon {
width: 60px;
height: 60px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 26px;
margin: 0 auto 16px;
}
/* line 1324, app/assets/stylesheets/customers/birthday_blast.scss */
.contact-card-title {
font-family: var(--font-headline);
font-size: 22px;
color: var(--heading-color, var(--surface-dark, #1a1a1a));
margin-bottom: 8px;
}
/* line 1325, app/assets/stylesheets/customers/birthday_blast.scss */
.contact-card-val {
font-size: 15px;
color: #555;
font-weight: 700;
line-height: 1.6;
}
/* line 1326, app/assets/stylesheets/customers/birthday_blast.scss */
.contact-card-val-sub {
font-size: 12px;
color: #aaa;
font-weight: 700;
}
/* line 1332, app/assets/stylesheets/customers/birthday_blast.scss */
.contact-info-section {
background: var(--light);
padding: 48px 80px 0;
max-width: 1100px;
margin: 0 auto;
}
/* line 1338, app/assets/stylesheets/customers/birthday_blast.scss */
.contact-info-section .contact-cards {
padding: 0;
margin: 0;
max-width: none;
}
/* line 1341, app/assets/stylesheets/customers/birthday_blast.scss */
.contact-form-wrap {
padding: 40px 80px 80px;
max-width: 800px;
margin: 0 auto;
}
/* line 1343, app/assets/stylesheets/customers/birthday_blast.scss */
.contact-form {
background: #fff;
border-radius: 24px;
padding: 40px;
box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
}
/* line 1350, app/assets/stylesheets/customers/birthday_blast.scss */
.contact-form-title {
font-family: var(--font-headline);
font-size: 32px;
color: var(--heading-color, var(--surface-dark, #1a1a1a));
margin-bottom: 24px;
}
/* line 1353, app/assets/stylesheets/customers/birthday_blast.scss */
.contact-form-errors {
background: #fef2f2;
border: 1px solid #fecaca;
border-radius: 12px;
padding: 14px 18px;
margin-bottom: 20px;
color: #dc2626;
font-size: 13px;
font-weight: 700;
}
/* line 1365, app/assets/stylesheets/customers/birthday_blast.scss */
.form-check--consent {
margin-bottom: 20px;
align-items: flex-start;
}
/* line 1366, app/assets/stylesheets/customers/birthday_blast.scss */
.form-check-input {
margin-top: 2px;
flex-shrink: 0;
align-self: flex-start;
}
/* line 1367, app/assets/stylesheets/customers/birthday_blast.scss */
.form-check-consent-text {
font-size: 12px;
color: #777;
font-weight: 600;
line-height: 1.6;
font-family: var(--font-body), sans-serif;
}
/* line 1369, app/assets/stylesheets/customers/birthday_blast.scss */
.contact-textarea {
width: 100%;
padding: 14px 16px;
border: 2px solid #e5e7eb;
border-radius: 14px;
font-size: 14px;
resize: vertical;
min-height: 130px;
outline: none;
line-height: 1.6;
font-family: var(--font-body);
}
/* line 1381, app/assets/stylesheets/customers/birthday_blast.scss */
.contact-textarea:focus {
border-color: var(--orange);
}
/* line 1383, app/assets/stylesheets/customers/birthday_blast.scss */
.contact-textarea::placeholder {
color: #b8bfc8;
font-weight: 400;
opacity: 1;
}
/* line 1390, app/assets/stylesheets/customers/birthday_blast.scss */
.contact-submit {
background: var(--orange);
color: #fff;
padding: 16px 48px;
border-radius: 999px;
font-size: 16px;
font-weight: 900;
border: none;
cursor: pointer;
box-shadow: 0 6px 20px rgba(255, 87, 34, 0.4);
}
/* line 1403, app/assets/stylesheets/customers/birthday_blast.scss */
.form-grid-2 {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 14px;
}
/* line 1405, app/assets/stylesheets/customers/birthday_blast.scss */
.form-group {
display: flex;
flex-direction: column;
gap: 6px;
margin-bottom: 14px;
}
/* line 1411, app/assets/stylesheets/customers/birthday_blast.scss */
.form-group:last-child {
margin-bottom: 0;
}
/* line 1414, app/assets/stylesheets/customers/birthday_blast.scss */
.form-label {
font-size: 11px;
font-weight: 900;
letter-spacing: 1.5px;
text-transform: uppercase;
color: #666;
}
/* line 1416, app/assets/stylesheets/customers/birthday_blast.scss */
.form-input {
padding: 13px 16px;
border: 2px solid #e5e7eb;
border-radius: 12px;
font-size: 14px;
font-weight: 700;
color: #1a1a1a;
outline: none;
width: 100%;
background: #fff;
font-family: var(--font-body);
}
/* line 1428, app/assets/stylesheets/customers/birthday_blast.scss */
.form-input:focus {
border-color: var(--orange);
}
/* line 1430, app/assets/stylesheets/customers/birthday_blast.scss */
.form-input::placeholder {
color: #b8bfc8;
font-weight: 400;
opacity: 1;
}
/* line 1437, app/assets/stylesheets/customers/birthday_blast.scss */
.form-check {
display: flex;
align-items: center;
gap: 10px;
font-size: 13px;
font-family: var(--font-body), sans-serif;
color: #777;
font-weight: 600;
cursor: pointer;
margin-top: 10px;
}
/* line 1448, app/assets/stylesheets/customers/birthday_blast.scss */
.form-check input {
width: 18px;
height: 18px;
accent-color: var(--orange);
}
/* line 1452, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-wrap {
background: #fff;
padding: 48px;
}
/* line 1453, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-two-col {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 48px;
max-width: 1200px;
margin: 0 auto;
align-items: start;
}
/* line 1455, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-sticky-col {
position: sticky;
top: 90px;
max-height: calc(100vh - 110px);
overflow-y: auto;
}
/* line 1461, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-sticky-col::-webkit-scrollbar {
width: 0;
}
/* line 1464, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-main-img {
border-radius: 22px;
overflow: hidden;
aspect-ratio: 4/3;
margin-bottom: 14px;
background: var(--light);
position: relative;
}
/* line 1472, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-main-img img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
/* line 1475, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-thumbs {
display: flex;
gap: 10px;
flex-wrap: wrap;
}
/* line 1477, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-thumb {
width: 80px;
height: 60px;
border-radius: 10px;
overflow: hidden;
border: 2px solid #e5e7eb;
cursor: pointer;
flex-shrink: 0;
background: #fff;
padding: 0;
}
/* line 1488, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-thumb img {
width: 100%;
height: 100%;
object-fit: cover;
}
/* line 1490, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-thumb.active {
border-color: var(--orange);
}
/* line 1493, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-cat-tag {
font-size: 11px;
font-weight: 900;
letter-spacing: 2px;
text-transform: uppercase;
color: var(--orange);
}
/* line 1494, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-title {
font-family: var(--font-headline);
font-size: 42px;
color: var(--heading-color, var(--surface-dark, #1a1a1a));
line-height: 1.05;
margin-top: 4px;
}
/* line 1495, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-price {
font-size: 32px;
font-weight: 900;
color: var(--orange);
margin-top: 10px;
}
/* line 1496, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-price span {
font-size: 16px;
color: #999;
font-weight: 700;
}
/* line 1498, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-specs {
background: var(--light);
border-radius: 16px;
padding: 20px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
margin-top: 16px;
}
/* line 1499, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-specs--desc-only {
grid-template-columns: 1fr;
}
/* line 1501, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-spec {
display: flex;
flex-direction: column;
gap: 2px;
}
/* line 1502, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-spec--full {
grid-column: 1 / -1;
border-top: 1px solid rgba(0, 0, 0, 0.07);
padding-top: 12px;
margin-top: 4px;
}
/* line 1503, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-spec-label {
font-size: 10px;
font-weight: 900;
letter-spacing: 2px;
text-transform: uppercase;
color: #999;
}
/* line 1504, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-spec-val {
font-size: 14px;
font-weight: 800;
color: #1a1a1a;
}
/* line 1505, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-spec-val--desc {
font-size: 13px;
font-weight: 600;
color: #555;
line-height: 1.6;
}
/* line 1507, app/assets/stylesheets/customers/birthday_blast.scss */
.long-desc-block {
background: var(--light);
border-radius: 16px;
padding: 24px;
margin-top: 20px;
}
/* line 1514, app/assets/stylesheets/customers/birthday_blast.scss */
.long-desc-title {
font-size: 11px;
font-weight: 900;
letter-spacing: 2px;
text-transform: uppercase;
color: #666;
margin-bottom: 16px;
}
/* line 1517, app/assets/stylesheets/customers/birthday_blast.scss */
.long-desc-block .description, .long-desc-block p {
font-size: 14px;
color: #555;
line-height: 1.85;
}
/* line 1518, app/assets/stylesheets/customers/birthday_blast.scss */
.long-desc-block p {
margin-bottom: 14px;
}
/* line 1519, app/assets/stylesheets/customers/birthday_blast.scss */
.long-desc-block strong {
color: #1a1a1a;
}
/* line 1523, app/assets/stylesheets/customers/birthday_blast.scss */
.booking-panel {
background: var(--light);
border: 2px solid #FFE0CC;
border-radius: 28px;
padding: 24px;
}
/* line 1530, app/assets/stylesheets/customers/birthday_blast.scss */
.booking-title {
font-family: var(--font-headline);
font-size: 22px;
color: var(--heading-color, var(--surface-dark, #1a1a1a));
margin-bottom: 16px;
}
/* line 1531, app/assets/stylesheets/customers/birthday_blast.scss */
.booking-row {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 12px;
margin-bottom: 12px;
}
/* line 1532, app/assets/stylesheets/customers/birthday_blast.scss */
.booking-field {
display: flex;
flex-direction: column;
gap: 6px;
min-width: 0;
}
/* line 1533, app/assets/stylesheets/customers/birthday_blast.scss */
.booking-label {
font-size: 11px;
font-weight: 900;
letter-spacing: 1.5px;
text-transform: uppercase;
color: #666;
}
/* line 1535, app/assets/stylesheets/customers/birthday_blast.scss */
.booking-input {
padding: 12px 14px;
border: 2px solid #e5e7eb;
border-radius: 12px;
font-size: 14px;
font-weight: 700;
color: #1a1a1a;
background: #fff;
outline: none;
width: 100%;
font-family: var(--font-body);
}
/* line 1547, app/assets/stylesheets/customers/birthday_blast.scss */
.booking-input:focus {
border-color: var(--orange);
}
/* line 1549, app/assets/stylesheets/customers/birthday_blast.scss */
.booking-input.bb-readonly {
background: #f9fafb;
color: #888;
cursor: not-allowed;
display: flex;
align-items: center;
}
/* line 1550, app/assets/stylesheets/customers/birthday_blast.scss */
.booking-input.bb-visible-date, .booking-input.bb-visible-time {
font-family: var(--font-body);
cursor: pointer;
}
/* line 1552, app/assets/stylesheets/customers/birthday_blast.scss */
.booking-input.bb-visible-date[readonly] {
background-color: #fff;
}
/* line 1555, app/assets/stylesheets/customers/birthday_blast.scss */
input.booking-input.bb-visible-date {
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-position: right 12px center;
background-size: 16px;
padding-right: 38px;
}
/* line 1563, app/assets/stylesheets/customers/birthday_blast.scss */
select.booking-input.bb-visible-time {
appearance: none;
-webkit-appearance: none;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-position: right 12px center;
background-size: 14px;
padding-right: 36px;
}
/* line 1573, app/assets/stylesheets/customers/birthday_blast.scss */
.booking-duration {
background: #fff;
border: 1px solid #FFD6C0;
border-radius: 10px;
padding: 10px 14px;
font-size: 12px;
color: #666;
margin-bottom: 14px;
line-height: 1.5;
}
/* line 1574, app/assets/stylesheets/customers/birthday_blast.scss */
.booking-fee {
font-size: 13px;
color: var(--blue);
font-weight: 700;
margin-bottom: 12px;
}
/* line 1576, app/assets/stylesheets/customers/birthday_blast.scss */
.booking-qty-row {
display: flex;
align-items: center;
gap: 14px;
margin-bottom: 16px;
}
/* line 1577, app/assets/stylesheets/customers/birthday_blast.scss */
.qty-label {
font-size: 12px;
font-weight: 800;
color: #555;
}
/* line 1579, app/assets/stylesheets/customers/birthday_blast.scss */
.qty-ctrl {
display: flex;
align-items: center;
border: 2px solid #e5e7eb;
border-radius: 999px;
overflow: hidden;
background: #fff;
}
/* line 1588, app/assets/stylesheets/customers/birthday_blast.scss */
.qty-btn {
width: 36px;
height: 36px;
border: none;
background: #fff;
font-size: 18px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
color: #1a1a1a;
}
/* line 1589, app/assets/stylesheets/customers/birthday_blast.scss */
.qty-val {
width: 40px;
text-align: center;
font-size: 16px;
font-weight: 900;
color: #1a1a1a;
}
/* line 1591, app/assets/stylesheets/customers/birthday_blast.scss */
.booking-cta {
background: var(--orange);
color: #fff;
width: 100%;
padding: 16px;
border-radius: 999px;
font-size: 16px;
font-weight: 900;
border: none;
cursor: pointer;
box-shadow: 0 6px 20px color-mix(in srgb, var(--primary) 40%, transparent);
font-family: var(--font-body);
}
/* line 1604, app/assets/stylesheets/customers/birthday_blast.scss */
.booking-cta:hover {
filter: brightness(1.05);
}
/* line 1605, app/assets/stylesheets/customers/birthday_blast.scss */
.booking-cta:disabled {
opacity: .55;
cursor: not-allowed;
box-shadow: none;
}
/* line 1609, app/assets/stylesheets/customers/birthday_blast.scss */
.booking-panel #price-display {
font-family: var(--font-headline);
font-size: 32px;
color: var(--orange);
margin-bottom: 6px;
}
/* line 1610, app/assets/stylesheets/customers/birthday_blast.scss */
.booking-panel #setup-fee {
font-weight: 800;
}
/* line 1611, app/assets/stylesheets/customers/birthday_blast.scss */
.booking-panel .booking-price-row {
margin-bottom: 14px;
}
/* line 1612, app/assets/stylesheets/customers/birthday_blast.scss */
.booking-panel .booking-fee-note {
font-size: 12px;
color: var(--blue);
font-weight: 700;
margin-bottom: 10px;
}
/* line 1614, app/assets/stylesheets/customers/birthday_blast.scss */
.booking-panel #additional-fees:not(:empty) {
background: #EFF6FF;
border: 1px solid #BFDBFE;
border-radius: 10px;
padding: 12px 14px;
margin-bottom: 12px;
}
/* line 1621, app/assets/stylesheets/customers/birthday_blast.scss */
.booking-panel #additional-fees:not(:empty) p {
color: #1e40af;
font-weight: 900;
font-size: 11px;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 8px;
margin-top: 0;
}
/* line 1623, app/assets/stylesheets/customers/birthday_blast.scss */
.booking-panel #additional-fees:not(:empty) .bb-fee-row {
display: flex;
justify-content: space-between;
align-items: center;
padding: 6px 0;
font-size: 13px;
color: #1e40af;
font-weight: 700;
}
/* line 1632, app/assets/stylesheets/customers/birthday_blast.scss */
.booking-panel #additional-fees:not(:empty) .bb-fee-row:not(:last-child) {
border-bottom: 1px solid #BFDBFE;
}
/* line 1635, app/assets/stylesheets/customers/birthday_blast.scss */
.booking-panel #additional-fees:not(:empty) .bb-fee-row-amount {
font-weight: 900;
flex-shrink: 0;
}
/* line 1640, app/assets/stylesheets/customers/birthday_blast.scss */
.duration-section {
margin-bottom: 14px;
}
/* line 1642, app/assets/stylesheets/customers/birthday_blast.scss */
.duration-label,
.included-label,
.variant-section-label {
font-size: 11px;
font-weight: 900;
letter-spacing: 1.5px;
text-transform: uppercase;
color: #666;
margin-bottom: 10px;
display: block;
}
/* line 1646, app/assets/stylesheets/customers/birthday_blast.scss */
.duration-options {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
/* line 1648, app/assets/stylesheets/customers/birthday_blast.scss */
.dur-radio {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 7px 14px;
border: 2px solid #e5e7eb;
border-radius: 999px;
cursor: pointer;
font-size: 13px;
font-weight: 700;
color: #374151;
transition: all .15s;
background: #fff;
}
/* line 1662, app/assets/stylesheets/customers/birthday_blast.scss */
.dur-radio:hover {
border-color: var(--orange);
}
/* line 1663, app/assets/stylesheets/customers/birthday_blast.scss */
.dur-radio.on {
border-color: var(--orange);
background: #FFF4F0;
color: var(--orange);
}
/* line 1665, app/assets/stylesheets/customers/birthday_blast.scss */
.dur-radio input {
accent-color: var(--orange);
}
/* line 1669, app/assets/stylesheets/customers/birthday_blast.scss */
.included-items {
margin-bottom: 14px;
}
/* line 1671, app/assets/stylesheets/customers/birthday_blast.scss */
.included-item {
display: flex;
align-items: center;
gap: 12px;
padding: 12px;
background: #fff;
border: 1px solid #e5e7eb;
border-radius: 12px;
margin-bottom: 8px;
}
/* line 1682, app/assets/stylesheets/customers/birthday_blast.scss */
.included-item-thumb {
width: 44px;
height: 34px;
border-radius: 6px;
background: #f0f0f0;
flex-shrink: 0;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
}
/* line 1694, app/assets/stylesheets/customers/birthday_blast.scss */
.included-item-thumb img {
width: 100%;
height: 100%;
object-fit: cover;
}
/* line 1697, app/assets/stylesheets/customers/birthday_blast.scss */
.included-item-name {
font-size: 13px;
font-weight: 700;
color: #1a1a1a;
flex: 1;
}
/* line 1698, app/assets/stylesheets/customers/birthday_blast.scss */
.included-item-select {
font-size: 12px;
color: var(--blue);
font-weight: 700;
}
/* line 1700, app/assets/stylesheets/customers/birthday_blast.scss */
.choose-variant-btn {
background: var(--green);
color: #fff;
border: none;
padding: 6px 14px;
border-radius: 999px;
font-size: 12px;
font-weight: 800;
cursor: pointer;
white-space: nowrap;
font-family: var(--font-body);
}
/* line 1712, app/assets/stylesheets/customers/birthday_blast.scss */
.choose-variant-btn:hover {
filter: brightness(1.05);
}
/* line 1716, app/assets/stylesheets/customers/birthday_blast.scss */
.variant-section {
margin-bottom: 12px;
}
/* line 1718, app/assets/stylesheets/customers/birthday_blast.scss */
.variant-select {
width: 100%;
padding: 11px 14px;
border: 2px solid #e5e7eb;
border-radius: 12px;
font-size: 14px;
color: #374151;
background: #fff;
outline: none;
cursor: pointer;
font-family: var(--font-body);
}
/* line 1730, app/assets/stylesheets/customers/birthday_blast.scss */
.variant-select:focus {
border-color: var(--orange);
}
/* line 1733, app/assets/stylesheets/customers/birthday_blast.scss */
.custom-input-field {
width: 100%;
padding: 11px 14px;
border: 2px solid #e5e7eb;
border-radius: 12px;
font-size: 14px;
color: #374151;
background: #fff;
outline: none;
font-family: var(--font-body);
}
/* line 1744, app/assets/stylesheets/customers/birthday_blast.scss */
.custom-input-field:focus {
border-color: var(--orange);
}
/* line 1745, app/assets/stylesheets/customers/birthday_blast.scss */
.custom-input-field::placeholder {
color: #aaa;
}
/* line 1749, app/assets/stylesheets/customers/birthday_blast.scss */
.daterangepicker {
font-family: var(--font-body);
border-radius: 14px;
box-shadow: 0 12px 40px rgba(0, 0, 0, 0.18);
border: 1px solid #f0f0f0;
}
/* line 1755, app/assets/stylesheets/customers/birthday_blast.scss */
.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
background-color: #FFF4F0;
color: var(--orange);
}
/* line 1758, app/assets/stylesheets/customers/birthday_blast.scss */
.daterangepicker td.active,
.daterangepicker td.active:hover {
background-color: var(--orange) !important;
color: #fff;
}
/* line 1761, app/assets/stylesheets/customers/birthday_blast.scss */
.daterangepicker .btn-primary,
.daterangepicker .btn-success {
background-color: var(--orange) !important;
border-color: var(--orange) !important;
}
/* line 1764, app/assets/stylesheets/customers/birthday_blast.scss */
.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
font-family: var(--font-body);
padding: 4px 6px;
border-radius: 6px;
border: 1px solid #e5e7eb;
}
/* line 1772, app/assets/stylesheets/customers/birthday_blast.scss */
body.bb-template .k-animation-container .k-calendar-container,
body.bb-template .k-calendar-container {
font-family: var(--font-body) !important;
border-radius: 14px !important;
box-shadow: 0 12px 40px rgba(0, 0, 0, 0.18) !important;
border: 1px solid #f0f0f0 !important;
overflow: hidden !important;
padding: 0 !important;
}
/* line 1782, app/assets/stylesheets/customers/birthday_blast.scss */
body.bb-template .k-calendar {
background: #fff !important;
border: none !important;
font-family: var(--font-body) !important;
border-radius: 14px !important;
}
/* line 1789, app/assets/stylesheets/customers/birthday_blast.scss */
body.bb-template .k-calendar .k-header {
background: #fff !important;
border-bottom: 1px solid #f0f0f0 !important;
padding: 10px 12px !important;
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
}
/* line 1798, app/assets/stylesheets/customers/birthday_blast.scss */
body.bb-template .k-calendar .k-nav-fast {
font-family: var(--font-body) !important;
font-weight: 700 !important;
font-size: 14px !important;
color: #1a1a1a !important;
flex: 1 !important;
text-align: center !important;
}
/* line 1805, app/assets/stylesheets/customers/birthday_blast.scss */
body.bb-template .k-calendar .k-nav-fast:hover {
color: var(--orange) !important;
background: none !important;
}
/* line 1808, app/assets/stylesheets/customers/birthday_blast.scss */
body.bb-template .k-calendar .k-nav-prev .k-link,
body.bb-template .k-calendar .k-nav-next .k-link {
color: var(--orange) !important;
border-radius: 8px !important;
}
/* line 1812, app/assets/stylesheets/customers/birthday_blast.scss */
body.bb-template .k-calendar .k-nav-prev .k-link:hover,
body.bb-template .k-calendar .k-nav-next .k-link:hover {
background: #FFF4F0 !important;
}
/* line 1816, app/assets/stylesheets/customers/birthday_blast.scss */
body.bb-template .k-calendar thead th {
font-family: var(--font-body) !important;
font-size: 11px !important;
font-weight: 700 !important;
color: #9ca3af !important;
text-transform: uppercase !important;
letter-spacing: .5px !important;
padding: 6px 0 !important;
}
/* line 1827, app/assets/stylesheets/customers/birthday_blast.scss */
body.bb-template .k-calendar th, body.bb-template .k-calendar td {
font-family: var(--font-body) !important;
}
/* line 1829, app/assets/stylesheets/customers/birthday_blast.scss */
body.bb-template .k-calendar td {
padding: 2px !important;
}
/* line 1831, app/assets/stylesheets/customers/birthday_blast.scss */
body.bb-template .k-calendar .k-link {
border-radius: 8px !important;
font-size: 13px !important;
font-weight: 600 !important;
}
/* line 1837, app/assets/stylesheets/customers/birthday_blast.scss */
body.bb-template .k-calendar td.k-state-hover .k-link,
body.bb-template .k-calendar td:not(.k-state-disabled):hover .k-link {
background-color: #FFF4F0 !important;
color: var(--orange) !important;
}
/* line 1843, app/assets/stylesheets/customers/birthday_blast.scss */
body.bb-template .k-calendar td.k-state-selected .k-link,
body.bb-template .k-calendar td.k-state-selected.k-state-hover .k-link {
background-color: var(--orange) !important;
color: #fff !important;
border-color: transparent !important;
}
/* line 1850, app/assets/stylesheets/customers/birthday_blast.scss */
body.bb-template .k-calendar td.k-state-today .k-link {
border: 2px solid var(--orange) !important;
color: var(--orange) !important;
font-weight: 800 !important;
}
/* line 1856, app/assets/stylesheets/customers/birthday_blast.scss */
body.bb-template .k-calendar td.k-state-today.k-state-selected .k-link {
background-color: var(--orange) !important;
color: #fff !important;
border-color: transparent !important;
}
/* line 1862, app/assets/stylesheets/customers/birthday_blast.scss */
body.bb-template .k-calendar td.k-state-disabled .k-link {
color: #d1d5db !important;
cursor: default !important;
}
/* line 1868, app/assets/stylesheets/customers/birthday_blast.scss */
body.bb-template .k-calendar select {
font-family: var(--font-body) !important;
font-size: 13px !important;
padding: 4px 6px !important;
border-radius: 6px !important;
border: 1px solid #e5e7eb !important;
background: #fff !important;
color: #1a1a1a !important;
}
/* line 1879, app/assets/stylesheets/customers/birthday_blast.scss */
body.bb-template .k-calendar .k-footer .k-nav-today,
body.bb-template .k-calendar .k-footer a {
font-family: var(--font-body) !important;
font-size: 12px !important;
font-weight: 700 !important;
color: var(--orange) !important;
}
/* line 1885, app/assets/stylesheets/customers/birthday_blast.scss */
body.bb-template .k-calendar .k-footer .k-nav-today:hover,
body.bb-template .k-calendar .k-footer a:hover {
text-decoration: underline !important;
}
/* line 1888, app/assets/stylesheets/customers/birthday_blast.scss */
body.bb-template .k-calendar .k-footer {
border-top: 1px solid #f0f0f0 !important;
padding: 8px !important;
background: #fff !important;
text-align: center !important;
}
/* line 1897, app/assets/stylesheets/customers/birthday_blast.scss */
body.bb-template .k-time-list-wrapper,
body.bb-template .k-time-list-container {
font-family: var(--font-body) !important;
border-radius: 14px !important;
box-shadow: 0 12px 40px rgba(0, 0, 0, 0.18) !important;
border: 1px solid #f0f0f0 !important;
background: #fff !important;
overflow: hidden !important;
}
/* line 1907, app/assets/stylesheets/customers/birthday_blast.scss */
body.bb-template .k-time-list {
font-family: var(--font-body) !important;
}
/* line 1910, app/assets/stylesheets/customers/birthday_blast.scss */
body.bb-template .k-time-list .k-item {
font-size: 13px !important;
font-weight: 600 !important;
color: #1a1a1a !important;
padding: 8px 16px !important;
border-radius: 0 !important;
transition: background .12s, color .12s !important;
}
/* line 1919, app/assets/stylesheets/customers/birthday_blast.scss */
body.bb-template .k-time-list .k-item:hover,
body.bb-template .k-time-list .k-item.k-state-hover {
background: #FFF4F0 !important;
color: var(--orange) !important;
}
/* line 1925, app/assets/stylesheets/customers/birthday_blast.scss */
body.bb-template .k-time-list .k-item.k-state-selected {
background: var(--orange) !important;
color: #fff !important;
}
/* line 1933, app/assets/stylesheets/customers/birthday_blast.scss */
.overnight-card {
border: 1.5px solid #e5e7eb;
border-radius: 14px;
padding: 16px;
margin-top: 14px;
transition: border-color .2s, background .2s;
background: #fff;
cursor: pointer;
}
/* line 1942, app/assets/stylesheets/customers/birthday_blast.scss */
.overnight-card:hover {
border-color: var(--orange);
}
/* line 1943, app/assets/stylesheets/customers/birthday_blast.scss */
.overnight-card.active {
border-color: var(--orange);
background: #FFF8F5;
}
/* line 1946, app/assets/stylesheets/customers/birthday_blast.scss */
.overnight-card-top {
display: flex;
align-items: flex-start;
gap: 12px;
}
/* line 1947, app/assets/stylesheets/customers/birthday_blast.scss */
.overnight-checkbox {
width: 20px;
height: 20px;
accent-color: var(--orange);
flex-shrink: 0;
margin-top: 2px;
}
/* line 1948, app/assets/stylesheets/customers/birthday_blast.scss */
.overnight-title {
font-size: 14px;
font-weight: 800;
color: #1a1a1a;
flex: 1;
cursor: pointer;
}
/* line 1949, app/assets/stylesheets/customers/birthday_blast.scss */
.overnight-price {
font-size: 14px;
font-weight: 900;
color: var(--green);
white-space: nowrap;
}
/* line 1950, app/assets/stylesheets/customers/birthday_blast.scss */
.overnight-desc {
font-size: 12px;
color: #666;
margin-top: 8px;
margin-left: 32px;
line-height: 1.5;
}
/* line 1951, app/assets/stylesheets/customers/birthday_blast.scss */
.overnight-pickup {
background: #EFF6FF;
border-radius: 8px;
padding: 8px 12px;
margin-top: 8px;
margin-left: 32px;
font-size: 12px;
color: #1e40af;
font-weight: 700;
}
/* line 1952, app/assets/stylesheets/customers/birthday_blast.scss */
.overnight-tags {
display: flex;
gap: 6px;
margin-top: 10px;
margin-left: 32px;
flex-wrap: wrap;
}
/* line 1954, app/assets/stylesheets/customers/birthday_blast.scss */
.overnight-tag {
padding: 3px 10px;
border-radius: 999px;
font-size: 11px;
font-weight: 800;
}
/* line 1960, app/assets/stylesheets/customers/birthday_blast.scss */
.overnight-tag.tag-orange {
background: #FFF4F0;
color: var(--orange);
border: 1px solid #FFD6C0;
}
/* line 1961, app/assets/stylesheets/customers/birthday_blast.scss */
.overnight-tag.tag-gray {
background: #f3f4f6;
color: #555;
border: 1px solid #e5e7eb;
}
/* line 1965, app/assets/stylesheets/customers/birthday_blast.scss */
.inline-dropdown-item {
display: flex;
align-items: center;
gap: 10px;
padding: 12px;
background: #fff;
border: 1px solid #e5e7eb;
border-radius: 12px;
margin-bottom: 8px;
flex-wrap: wrap;
}
/* line 1966, app/assets/stylesheets/customers/birthday_blast.scss */
.inline-dropdown-qty {
font-size: 13px;
font-weight: 700;
color: #555;
white-space: nowrap;
}
/* line 1967, app/assets/stylesheets/customers/birthday_blast.scss */
.inline-dropdown-name {
font-size: 13px;
font-weight: 700;
color: #1a1a1a;
flex: 1;
}
/* line 1968, app/assets/stylesheets/customers/birthday_blast.scss */
.inline-dropdown-select {
padding: 7px 12px;
border: 1px solid #e5e7eb;
border-radius: 8px;
font-size: 13px;
color: #374151;
background: #fff;
cursor: pointer;
font-family: var(--font-body);
}
/* line 1971, app/assets/stylesheets/customers/birthday_blast.scss */
.variant-price-msg {
font-family: var(--font-headline);
font-size: 22px;
color: var(--blue);
margin-bottom: 12px;
}
/* line 1972, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-error-message {
display: none;
color: #dc2626;
font-size: 13px;
font-weight: 700;
margin-top: 10px;
padding: 10px 12px;
background: #fef2f2;
border: 1px solid #fecaca;
border-radius: 10px;
}
/* line 1973, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-error-quantity {
display: none;
color: #dc2626;
font-size: 12px;
font-weight: 700;
}
/* line 1974, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-detail-header {
margin-top: 24px;
}
/* line 1975, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-bundle-icon {
display: inline-block;
height: 28px;
width: 28px;
vertical-align: middle;
margin-left: 6px;
}
/* line 1976, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-price-updated-msg {
display: none;
color: var(--green);
font-weight: 800;
font-size: 11px;
margin-left: 6px;
}
/* line 1977, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-no-durations-note {
font-size: 12px;
color: #b45309;
margin-top: 6px;
}
/* line 1978, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-required-star {
color: #dc2626;
}
/* line 1979, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-item-body {
flex: 1;
}
/* line 1980, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-qty-input {
border: none;
background: transparent;
outline: none;
}
/* line 1982, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-addons-section {
background: #fff;
padding: 48px;
margin: 0 auto;
}
/* line 1983, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-addons-grid {
margin-top: 24px;
}
/* line 1986, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-cart-header {
background: var(--light);
padding: 32px 48px 0;
}
/* line 1990, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-cart-header h1 {
font-family: var(--font-headline);
font-size: 42px;
color: var(--heading-color, var(--surface-dark, #1a1a1a));
}
/* line 1991, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-cart-header p {
font-size: 14px;
color: #888;
margin-top: 6px;
font-weight: 700;
}
/* line 1994, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-wrap {
background: var(--light);
padding: 48px;
min-height: 60vh;
padding-bottom: 100px;
}
/* line 1995, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-layout {
display: grid;
grid-template-columns: 1fr 380px;
gap: 32px;
max-width: 1100px;
margin: 0 auto;
}
/* line 1996, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-items {
display: flex;
flex-direction: column;
gap: 16px;
}
/* line 1998, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-empty-state {
display: none;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
padding: 48px 24px 64px;
max-width: 480px;
margin: 0 auto;
}
/* line 2008, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-empty-state.show {
display: flex;
}
/* line 2011, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-empty-icon {
width: 96px;
height: 96px;
border-radius: 50%;
background: #FFF4F0;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 18px;
}
/* line 2012, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-empty-title {
font-family: var(--font-headline);
font-size: 28px;
color: #1a1a1a;
margin-bottom: 8px;
}
/* line 2013, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-empty-sub {
font-size: 14px;
color: #777;
font-weight: 600;
line-height: 1.55;
margin-bottom: 24px;
}
/* line 2014, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-empty-cta {
background: var(--orange);
color: #fff;
padding: 14px 32px;
border-radius: 999px;
font-size: 15px;
font-weight: 900;
border: none;
cursor: pointer;
box-shadow: 0 6px 18px color-mix(in srgb, var(--primary) 32%, transparent);
text-decoration: none;
display: inline-block;
}
/* line 2016, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-item {
background: #fff;
border-radius: 18px;
padding: 20px;
display: grid;
grid-template-columns: 100px 1fr auto;
gap: 20px;
align-items: center;
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.07);
}
/* line 2027, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-item-img {
border-radius: 12px;
overflow: hidden;
aspect-ratio: 4/3;
position: relative;
}
/* line 2033, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-item-img img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
/* line 2036, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-item-cat {
font-size: 10px;
font-weight: 900;
letter-spacing: 2px;
text-transform: uppercase;
color: var(--orange);
margin-bottom: 4px;
}
/* line 2037, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-item-name {
font-family: var(--font-headline);
font-size: 20px;
color: #1a1a1a;
margin-bottom: 8px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
line-height: 1.15;
}
/* line 2038, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-item-date {
font-size: 12px;
color: #888;
font-weight: 700;
}
/* line 2039, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-item-fees {
font-size: 11px;
color: #1e40af;
font-weight: 700;
margin-top: 3px;
}
/* line 2040, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-item-extras {
font-size: 11px;
color: #555;
font-weight: 700;
margin-top: 3px;
line-height: 1.5;
}
/* line 2041, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-item-right {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 10px;
}
/* line 2042, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-item-price {
font-size: 20px;
font-weight: 900;
color: var(--orange);
}
/* line 2044, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-qty {
display: flex;
align-items: center;
border: 2px solid #e5e7eb;
border-radius: 999px;
overflow: hidden;
}
/* line 2046, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-qty-btn {
width: 30px;
height: 30px;
border: none;
background: #fff;
font-size: 16px;
cursor: pointer;
font-weight: 700;
color: #1a1a1a;
display: flex;
align-items: center;
justify-content: center;
}
/* line 2059, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-qty-btn:hover {
background: #f9fafb;
}
/* line 2062, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-qty-val {
width: 32px;
text-align: center;
font-size: 14px;
font-weight: 900;
color: #1a1a1a;
}
/* line 2064, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-remove {
font-size: 11px;
color: #dc2626;
font-weight: 800;
cursor: pointer;
background: none;
border: none;
text-decoration: none;
display: inline-block;
}
/* line 2074, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-remove:hover {
color: #b91c1c;
}
/* line 2077, app/assets/stylesheets/customers/birthday_blast.scss */
.change-date-btn {
display: inline-flex;
align-items: center;
gap: 5px;
background: transparent;
border: none;
color: var(--orange);
font-size: 12px;
font-weight: 800;
cursor: pointer;
padding: 0;
margin-top: 6px;
text-decoration: underline;
text-decoration-color: color-mix(in srgb, var(--primary) 35%, transparent);
text-underline-offset: 3px;
}
/* line 2093, app/assets/stylesheets/customers/birthday_blast.scss */
.change-date-btn:hover {
text-decoration-color: var(--orange);
}
/* line 2097, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-summary {
background: #fff;
border-radius: 20px;
padding: 28px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
height: fit-content;
position: sticky;
top: 90px;
}
/* line 2107, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-summary-title {
font-family: var(--font-headline);
font-size: 24px;
color: #1a1a1a;
margin-bottom: 20px;
}
/* line 2109, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-line {
display: flex;
justify-content: space-between;
font-size: 14px;
color: #555;
margin-bottom: 12px;
}
/* line 2116, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-line.bold {
font-size: 16px;
font-weight: 900;
color: #1a1a1a;
padding-top: 12px;
border-top: 2px solid #f3f4f6;
}
/* line 2119, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-checkout-btn {
background: var(--orange);
color: #fff;
width: 100%;
padding: 16px;
border-radius: 999px;
font-size: 16px;
font-weight: 900;
border: none;
cursor: pointer;
margin-top: 16px;
box-shadow: 0 6px 20px color-mix(in srgb, var(--primary) 35%, transparent);
font-family: var(--font-body);
text-decoration: none;
display: block;
text-align: center;
}
/* line 2136, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-checkout-btn:hover {
filter: brightness(1.05);
color: #fff;
}
/* line 2139, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-continue {
width: 100%;
padding: 12px;
border-radius: 999px;
font-size: 14px;
font-weight: 800;
border: 2px solid #e5e7eb;
background: #fff;
color: #555;
cursor: pointer;
margin-top: 10px;
text-decoration: none;
display: block;
text-align: center;
}
/* line 2154, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-continue:hover {
border-color: #bbb;
color: #1a1a1a;
}
/* line 2158, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-sticky-bar {
position: fixed;
bottom: 0;
left: 0;
right: 0;
background: #fff;
border-top: 2px solid #FFE0CC;
padding: 14px 48px calc(14px + env(safe-area-inset-bottom));
display: flex;
justify-content: space-between;
align-items: center;
z-index: 998;
box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.1);
transition: transform .28s ease, opacity .22s ease;
}
/* line 2173, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-sticky-bar.hidden {
transform: translateY(110%);
opacity: 0;
pointer-events: none;
}
/* line 2176, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-sticky-total {
display: flex;
flex-direction: column;
}
/* line 2177, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-sticky-label {
font-size: 12px;
color: #888;
font-weight: 700;
}
/* line 2178, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-sticky-amount {
font-family: var(--font-headline);
font-size: 26px;
color: #1a1a1a;
}
/* line 2180, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-sticky-btn {
background: var(--orange);
color: #fff;
padding: 14px 48px;
border-radius: 999px;
font-size: 16px;
font-weight: 900;
border: none;
cursor: pointer;
box-shadow: 0 6px 20px color-mix(in srgb, var(--primary) 40%, transparent);
text-decoration: none;
display: inline-block;
font-family: var(--font-body);
}
/* line 2194, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-sticky-btn:hover {
filter: brightness(1.05);
color: #fff;
}
/* line 2197, app/assets/stylesheets/customers/birthday_blast.scss */
.upsell-sec {
padding: 48px;
background: #fff;
}
/* line 2200, app/assets/stylesheets/customers/birthday_blast.scss */
.date-modal-backdrop {
display: none;
position: fixed;
inset: 0;
background: color-mix(in srgb, var(--surface-dark) 60%, transparent);
backdrop-filter: blur(4px);
z-index: 1500;
align-items: center;
justify-content: center;
padding: 24px;
}
/* line 2211, app/assets/stylesheets/customers/birthday_blast.scss */
.date-modal-backdrop.on {
display: flex;
}
@keyframes bbDateModalIn {
from {
opacity: 0;
transform: scale(0.94) translateY(8px);
}
to {
opacity: 1;
transform: scale(1) translateY(0);
}
}
/* line 2219, app/assets/stylesheets/customers/birthday_blast.scss */
.date-modal {
background: #fff;
border-radius: 24px;
padding: 40px 36px 32px;
max-width: 640px;
width: 100%;
position: relative;
box-shadow: 0 30px 80px color-mix(in srgb, var(--surface-dark) 40%, transparent);
animation: bbDateModalIn 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);
}
/* line 2230, app/assets/stylesheets/customers/birthday_blast.scss */
.date-modal-close {
position: absolute;
top: 14px;
right: 14px;
background: transparent;
border: none;
font-size: 24px;
color: #9ca3af;
cursor: pointer;
line-height: 1;
width: 36px;
height: 36px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: background .15s;
}
/* line 2248, app/assets/stylesheets/customers/birthday_blast.scss */
.date-modal-close:hover {
background: #f3f4f6;
color: #1a1a1a;
}
/* line 2251, app/assets/stylesheets/customers/birthday_blast.scss */
.date-modal-icon {
text-align: center;
font-size: 42px;
margin-bottom: 6px;
}
/* line 2252, app/assets/stylesheets/customers/birthday_blast.scss */
.date-modal-title {
font-family: var(--font-headline);
font-size: 26px;
color: #1a1a1a;
margin-bottom: 22px;
text-align: center;
line-height: 1.1;
}
/* line 2254, app/assets/stylesheets/customers/birthday_blast.scss */
.date-modal-save {
width: 100%;
background: var(--orange);
color: #fff;
padding: 16px;
border-radius: 999px;
font-size: 15px;
font-weight: 900;
border: none;
cursor: pointer;
box-shadow: 0 8px 24px color-mix(in srgb, var(--primary) 40%, transparent);
transition: transform .15s;
letter-spacing: .5px;
font-family: var(--font-body);
margin-top: 20px;
}
/* line 2270, app/assets/stylesheets/customers/birthday_blast.scss */
.date-modal-save:hover {
transform: translateY(-2px);
}
/* line 2273, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-date-modal-content {
max-height: 60vh;
overflow-y: auto;
padding-inline: 2px;
scrollbar-gutter: stable;
box-sizing: border-box;
}
/* line 2280, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-date-modal-loading {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
padding: 40px 0;
color: #888;
font-size: 14px;
font-weight: 700;
}
/* line 2283, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-date-modal-fields {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
column-gap: 16px;
row-gap: 6px;
width: 100%;
box-sizing: border-box;
align-items: start;
justify-items: stretch;
grid-template-areas: "lbl-start lbl-end" "inp-start inp-end";
}
/* line 2297, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-date-modal-label-start {
grid-area: lbl-start;
}
/* line 2298, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-date-modal-label-end {
grid-area: lbl-end;
}
/* line 2299, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-date-modal-input-start {
grid-area: inp-start;
min-width: 0;
overflow: hidden;
}
/* line 2300, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-date-modal-input-end {
grid-area: inp-end;
min-width: 0;
overflow: hidden;
}
@keyframes toastPop {
0% {
transform: scale(0);
}
60% {
transform: scale(1.15);
}
100% {
transform: scale(1);
}
}
@keyframes bbBadgePulse {
0% {
transform: scale(1);
}
40% {
transform: scale(1.4);
}
100% {
transform: scale(1);
}
}
/* line 2315, app/assets/stylesheets/customers/birthday_blast.scss */
.toast-cart {
position: fixed;
top: 24px;
right: 24px;
width: 360px;
max-width: calc(100vw - 32px);
background: #fff;
border-radius: 14px;
box-shadow: 0 12px 40px rgba(0, 0, 0, 0.18), 0 2px 8px rgba(0, 0, 0, 0.06);
padding: 18px 20px;
z-index: 10000;
border: 1px solid #f0f0f0;
transform: translateX(420px);
opacity: 0;
transition: transform 0.35s cubic-bezier(0.22, 1.2, 0.36, 1), opacity 0.25s ease;
pointer-events: none;
}
/* line 2332, app/assets/stylesheets/customers/birthday_blast.scss */
.toast-cart.show {
transform: translateX(0);
opacity: 1;
pointer-events: auto;
}
/* line 2335, app/assets/stylesheets/customers/birthday_blast.scss */
.toast-cart-header {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 10px;
}
/* line 2337, app/assets/stylesheets/customers/birthday_blast.scss */
.toast-cart-icon {
width: 32px;
height: 32px;
border-radius: 50%;
background: #10b981;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
font-weight: 900;
flex-shrink: 0;
animation: toastPop 0.4s cubic-bezier(0.22, 1.4, 0.36, 1);
}
/* line 2352, app/assets/stylesheets/customers/birthday_blast.scss */
.toast-cart-title {
font-family: var(--font-headline);
font-size: 16px;
color: #1a1a1a;
flex: 1;
}
/* line 2354, app/assets/stylesheets/customers/birthday_blast.scss */
.toast-cart-close {
background: none;
border: none;
font-size: 22px;
color: #aaa;
cursor: pointer;
padding: 0;
line-height: 1;
width: 24px;
height: 24px;
display: flex;
align-items: center;
justify-content: center;
}
/* line 2368, app/assets/stylesheets/customers/birthday_blast.scss */
.toast-cart-close:hover {
color: #555;
}
/* line 2371, app/assets/stylesheets/customers/birthday_blast.scss */
.toast-cart-item {
font-size: 14px;
color: #555;
font-weight: 700;
padding: 10px 0 14px;
border-bottom: 1px solid #f3f4f6;
margin-bottom: 12px;
line-height: 1.4;
}
/* line 2372, app/assets/stylesheets/customers/birthday_blast.scss */
.toast-cart-actions {
display: flex;
gap: 8px;
}
/* line 2374, app/assets/stylesheets/customers/birthday_blast.scss */
.toast-btn {
flex: 1;
padding: 11px;
border-radius: 999px;
font-size: 13px;
font-weight: 800;
cursor: pointer;
border: none;
transition: all .15s;
font-family: var(--font-body);
text-decoration: none;
display: flex;
align-items: center;
justify-content: center;
}
/* line 2389, app/assets/stylesheets/customers/birthday_blast.scss */
.toast-btn.toast-btn-secondary {
background: #fff;
color: #555;
border: 2px solid #e5e7eb;
}
/* line 2390, app/assets/stylesheets/customers/birthday_blast.scss */
.toast-btn.toast-btn-secondary:hover {
border-color: #bbb;
color: #1a1a1a;
}
/* line 2392, app/assets/stylesheets/customers/birthday_blast.scss */
.toast-btn.toast-btn-primary {
background: var(--orange);
color: #fff;
box-shadow: 0 4px 12px color-mix(in srgb, var(--primary) 30%, transparent);
}
/* line 2393, app/assets/stylesheets/customers/birthday_blast.scss */
.toast-btn.toast-btn-primary:hover {
filter: brightness(1.05);
color: #fff;
}
/* line 2397, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-badge.pulse {
animation: bbBadgePulse 0.5s cubic-bezier(0.22, 1.4, 0.36, 1);
}
/* line 2400, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-checkout-header {
background: var(--light);
padding: 32px 48px 0;
}
/* line 2404, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-checkout-header h1 {
font-family: var(--font-headline);
font-size: 42px;
color: var(--heading-color, var(--surface-dark, #1a1a1a));
}
/* line 2405, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-checkout-header > p {
font-size: 14px;
color: #888;
margin-top: 6px;
font-weight: 700;
}
/* line 2408, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-checkout-steps {
display: flex;
gap: 0;
margin-top: 20px;
max-width: 600px;
}
/* line 2410, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-checkout-step {
flex: 1;
text-align: center;
padding-bottom: 10px;
border-bottom: 3px solid var(--orange);
font-size: 12px;
font-weight: 900;
color: var(--orange);
}
/* line 2419, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-checkout-step.inactive {
border-bottom: 2px solid #e5e7eb;
color: #aaa;
}
/* line 2422, app/assets/stylesheets/customers/birthday_blast.scss */
.checkout-wrap {
background: var(--light);
padding: 48px;
min-height: 60vh;
}
/* line 2423, app/assets/stylesheets/customers/birthday_blast.scss */
.checkout-layout {
display: grid;
grid-template-columns: 1fr 400px;
gap: 32px;
max-width: 1100px;
margin: 0 auto;
}
/* line 2424, app/assets/stylesheets/customers/birthday_blast.scss */
.checkout-form-wrap {
display: flex;
flex-direction: column;
gap: 24px;
}
/* line 2426, app/assets/stylesheets/customers/birthday_blast.scss */
.form-section {
background: #fff;
border-radius: 24px;
padding: 28px;
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.07);
}
/* line 2433, app/assets/stylesheets/customers/birthday_blast.scss */
.form-section-title {
font-family: var(--font-headline);
font-size: 22px;
color: #1a1a1a;
margin-bottom: 20px;
display: flex;
align-items: center;
gap: 10px;
}
/* line 2434, app/assets/stylesheets/customers/birthday_blast.scss */
.form-section-num {
width: 30px;
height: 30px;
background: var(--orange);
color: #fff;
border-radius: 50%;
font-size: 13px;
font-weight: 900;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
/* line 2436, app/assets/stylesheets/customers/birthday_blast.scss */
.surface-opt {
display: flex;
align-items: center;
gap: 12px;
padding: 12px 16px;
border: 2px solid #e5e7eb;
border-radius: 12px;
cursor: pointer;
transition: all .15s;
background: #fff;
margin-bottom: 8px;
}
/* line 2448, app/assets/stylesheets/customers/birthday_blast.scss */
.surface-opt.on {
border-color: var(--orange);
background: #FFF8F5;
}
/* line 2450, app/assets/stylesheets/customers/birthday_blast.scss */
.surface-opt input {
accent-color: var(--orange);
width: 16px;
height: 16px;
flex-shrink: 0;
}
/* line 2453, app/assets/stylesheets/customers/birthday_blast.scss */
.surface-opt-label {
flex: 1;
font-size: 14px;
font-weight: 700;
color: #1a1a1a;
}
/* line 2454, app/assets/stylesheets/customers/birthday_blast.scss */
.surface-opt-price {
font-size: 13px;
font-weight: 900;
color: var(--orange);
}
/* line 2456, app/assets/stylesheets/customers/birthday_blast.scss */
.payment-opts {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 10px;
margin-bottom: 18px;
}
/* line 2458, app/assets/stylesheets/customers/birthday_blast.scss */
.pay-opt {
border: 2px solid #e5e7eb;
border-radius: 12px;
padding: 14px 10px;
text-align: center;
cursor: pointer;
transition: all .15s;
background: #fff;
}
/* line 2467, app/assets/stylesheets/customers/birthday_blast.scss */
.pay-opt.on {
border-color: var(--orange);
background: #FFF4F0;
}
/* line 2470, app/assets/stylesheets/customers/birthday_blast.scss */
.pay-opt-label {
font-size: 12px;
font-weight: 800;
color: #374151;
}
/* line 2471, app/assets/stylesheets/customers/birthday_blast.scss */
.card-box {
background: #f9fafb;
border: 2px solid #e5e7eb;
border-radius: 14px;
padding: 20px;
}
/* line 2475, app/assets/stylesheets/customers/birthday_blast.scss */
#bb-payment-section #payment-options {
margin-bottom: 0 !important;
}
/* line 2478, app/assets/stylesheets/customers/birthday_blast.scss */
#bb-payment-section #payment-options h6 {
display: none !important;
}
/* line 2480, app/assets/stylesheets/customers/birthday_blast.scss */
#bb-payment-section #payment-options .grid {
display: grid !important;
grid-template-columns: repeat(4, 1fr) !important;
gap: 10px !important;
margin-bottom: 0 !important;
}
/* line 2486, app/assets/stylesheets/customers/birthday_blast.scss */
#bb-payment-section #payment-options .grid > div {
border: 2px solid #e5e7eb !important;
border-radius: 14px !important;
padding: 16px 10px !important;
cursor: pointer !important;
transition: border-color .15s, background .15s !important;
background: #fff !important;
min-height: 64px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
height: auto !important;
}
/* line 2499, app/assets/stylesheets/customers/birthday_blast.scss */
#bb-payment-section #payment-options .grid > div:has(input[type="radio"]:checked) {
border-color: var(--orange) !important;
background: #FFF4F0 !important;
}
/* line 2501, app/assets/stylesheets/customers/birthday_blast.scss */
#bb-payment-section #payment-options .grid > div > div {
display: contents !important;
}
/* line 2504, app/assets/stylesheets/customers/birthday_blast.scss */
#bb-payment-section #payment-options .grid input[type="radio"] {
display: none !important;
}
/* line 2506, app/assets/stylesheets/customers/birthday_blast.scss */
#bb-payment-section #payment-options .grid label {
font-size: 14px !important;
font-weight: 800 !important;
color: #374151 !important;
cursor: pointer !important;
margin: 0 !important;
line-height: 1.2 !important;
text-align: center !important;
}
/* line 2518, app/assets/stylesheets/customers/birthday_blast.scss */
#bb-payment-section #payment-details {
display: none !important;
}
/* line 2522, app/assets/stylesheets/customers/birthday_blast.scss */
#bb-card-form {
margin-top: 16px;
}
/* line 2524, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-card-box {
background: #f3f4f6;
border: 1.5px solid #e5e7eb;
border-radius: 18px;
padding: 24px;
}
/* line 2526, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-card-field {
margin-bottom: 16px;
}
/* line 2529, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-card-field:last-child {
margin-bottom: 0;
}
/* line 2532, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-card-row-2 {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
margin-bottom: 16px;
}
/* line 2533, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-card-label {
font-size: 11px !important;
font-weight: 900 !important;
letter-spacing: 1.5px !important;
text-transform: uppercase !important;
color: #6b7280 !important;
margin-bottom: 8px !important;
display: block !important;
font-family: var(--font-body) !important;
}
/* line 2535, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-stripe-el {
background: #fff;
border: 1.5px solid #e5e7eb;
border-radius: 12px;
padding: 14px 16px;
font-size: 15px;
min-height: 50px;
display: flex;
align-items: center;
}
/* line 2545, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-stripe-el[data-placeholder] {
position: relative;
}
/* line 2547, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-stripe-el[data-placeholder]::before {
content: attr(data-placeholder);
position: absolute;
left: 16px;
top: 50%;
transform: translateY(-50%);
color: #9ca3af;
font-size: 15px;
font-weight: 600;
pointer-events: none;
transition: opacity .12s ease;
}
/* line 2561, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-stripe-el.is-focused::before, .bb-stripe-el.has-value::before {
opacity: 0;
}
/* line 2564, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-stripe-el .StripeElement {
width: 100%;
}
/* line 2567, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-card-secure-row {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
margin-bottom: 18px;
flex-wrap: wrap;
}
/* line 2568, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-card-brands {
display: flex;
gap: 5px;
align-items: center;
flex-wrap: wrap;
}
/* line 2569, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-card-brand {
border-radius: 4px;
display: block;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
}
/* line 2570, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-secure-badge {
font-size: 11px;
font-weight: 800;
color: #6b7280;
display: flex;
align-items: center;
gap: 5px;
white-space: nowrap;
}
/* line 2571, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-card-consent {
font-size: 12px;
color: #9ca3af;
line-height: 1.65;
font-weight: 600;
margin-top: 10px;
padding: 0 2px;
}
/* line 2574, app/assets/stylesheets/customers/birthday_blast.scss */
.order-summary {
background: #fff;
border-radius: 20px;
padding: 28px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
height: fit-content;
position: sticky;
top: 24px;
}
/* line 2584, app/assets/stylesheets/customers/birthday_blast.scss */
.order-summary-title {
font-family: var(--font-headline);
font-size: 24px;
color: #1a1a1a;
margin-bottom: 20px;
}
/* line 2586, app/assets/stylesheets/customers/birthday_blast.scss */
.order-item {
display: flex;
gap: 14px;
align-items: center;
margin-bottom: 16px;
padding-bottom: 16px;
border-bottom: 1px solid #f3f4f6;
}
/* line 2595, app/assets/stylesheets/customers/birthday_blast.scss */
.order-item-img {
width: 60px;
height: 46px;
border-radius: 8px;
overflow: hidden;
flex-shrink: 0;
}
/* line 2602, app/assets/stylesheets/customers/birthday_blast.scss */
.order-item-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
/* line 2605, app/assets/stylesheets/customers/birthday_blast.scss */
.order-item-name {
font-family: var(--font-headline);
font-size: 13px;
font-weight: 800;
color: #1a1a1a;
}
/* line 2606, app/assets/stylesheets/customers/birthday_blast.scss */
.order-item-date {
font-size: 11px;
color: #888;
margin-top: 2px;
}
/* line 2607, app/assets/stylesheets/customers/birthday_blast.scss */
.order-item-price {
margin-left: auto;
font-size: 14px;
font-weight: 900;
color: var(--orange);
flex-shrink: 0;
}
/* line 2609, app/assets/stylesheets/customers/birthday_blast.scss */
.tip-opts {
display: flex;
gap: 8px;
margin: 12px 0;
flex-wrap: wrap;
}
/* line 2611, app/assets/stylesheets/customers/birthday_blast.scss */
.tip-btn {
flex: 1;
min-width: 48px;
padding: 9px;
border: 2px solid #e5e7eb;
border-radius: 10px;
font-size: 13px;
font-weight: 800;
cursor: pointer;
text-align: center;
transition: all .15s;
background: #fff;
font-family: var(--font-body);
}
/* line 2625, app/assets/stylesheets/customers/birthday_blast.scss */
.tip-btn.on {
border-color: var(--orange);
background: #FFF4F0;
color: var(--orange);
}
/* line 2628, app/assets/stylesheets/customers/birthday_blast.scss */
.coupon-row {
display: flex;
gap: 8px;
margin: 12px 0;
}
/* line 2630, app/assets/stylesheets/customers/birthday_blast.scss */
.coupon-input {
flex: 1;
padding: 11px 14px;
border: 2px solid #e5e7eb;
border-radius: 12px;
font-size: 13px;
outline: none;
font-family: var(--font-body);
}
/* line 2639, app/assets/stylesheets/customers/birthday_blast.scss */
.coupon-input:focus {
border-color: var(--orange);
}
/* line 2642, app/assets/stylesheets/customers/birthday_blast.scss */
.coupon-btn {
padding: 11px 18px;
background: var(--navy);
color: #fff;
border: none;
border-radius: 12px;
font-size: 13px;
font-weight: 800;
cursor: pointer;
font-family: var(--font-body);
}
/* line 2644, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-deposit-box {
background: var(--light);
border: 2px solid var(--orange);
border-radius: 14px;
padding: 14px 16px;
margin-top: 12px;
text-align: center;
}
/* line 2645, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-deposit-label {
font-size: 11px;
font-weight: 900;
letter-spacing: 1.5px;
text-transform: uppercase;
color: #888;
margin-bottom: 4px;
}
/* line 2646, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-deposit-amount {
font-family: var(--font-headline);
font-size: 32px;
color: var(--orange);
}
/* line 2647, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-deposit-sub {
font-size: 11px;
color: #aaa;
font-weight: 700;
margin-top: 2px;
}
/* line 2650, app/assets/stylesheets/customers/birthday_blast.scss */
.damage-waiver {
border: 2px solid var(--orange);
border-radius: 16px;
overflow: hidden;
background: #fff;
margin-bottom: 16px;
}
/* line 2658, app/assets/stylesheets/customers/birthday_blast.scss */
.damage-waiver-top {
display: flex;
align-items: center;
gap: 14px;
padding: 16px 18px;
background: #FFF8F5;
}
/* line 2659, app/assets/stylesheets/customers/birthday_blast.scss */
.damage-waiver-icon {
font-size: 24px;
flex-shrink: 0;
}
/* line 2660, app/assets/stylesheets/customers/birthday_blast.scss */
.damage-waiver-title-rich {
flex: 1;
font-size: 15px;
font-weight: 800;
color: #1a1a1a;
line-height: 1.45;
}
/* line 2666, app/assets/stylesheets/customers/birthday_blast.scss */
.damage-waiver-title-rich a {
color: var(--orange);
font-weight: 900;
text-decoration: underline;
}
/* line 2667, app/assets/stylesheets/customers/birthday_blast.scss */
.damage-waiver-title-rich strong {
color: var(--orange);
font-weight: 900;
}
/* line 2669, app/assets/stylesheets/customers/birthday_blast.scss */
.damage-waiver-body {
padding: 16px 18px;
border-top: 1px solid #FFE8D6;
}
/* line 2672, app/assets/stylesheets/customers/birthday_blast.scss */
.damage-waiver-body p {
font-size: 13px;
color: #555;
line-height: 1.7;
margin-bottom: 10px;
}
/* line 2673, app/assets/stylesheets/customers/birthday_blast.scss */
.damage-waiver-body p:last-child {
margin-bottom: 0;
}
/* line 2674, app/assets/stylesheets/customers/birthday_blast.scss */
.damage-waiver-body strong, .damage-waiver-body b {
color: #1a1a1a;
font-weight: 900;
}
/* line 2675, app/assets/stylesheets/customers/birthday_blast.scss */
.damage-waiver-body em, .damage-waiver-body i {
font-style: italic;
}
/* line 2676, app/assets/stylesheets/customers/birthday_blast.scss */
.damage-waiver-body a {
color: var(--orange);
font-weight: 800;
text-decoration: underline;
}
/* line 2677, app/assets/stylesheets/customers/birthday_blast.scss */
.damage-waiver-body blockquote {
border-left: 3px solid var(--orange);
padding-left: 12px;
margin: 10px 0;
color: #666;
font-style: italic;
}
/* line 2680, app/assets/stylesheets/customers/birthday_blast.scss */
.damage-waiver-toggle {
position: relative;
display: inline-block;
width: 44px;
height: 24px;
flex-shrink: 0;
}
/* line 2687, app/assets/stylesheets/customers/birthday_blast.scss */
.damage-waiver-toggle input {
opacity: 0;
width: 0;
height: 0;
position: absolute;
}
/* line 2690, app/assets/stylesheets/customers/birthday_blast.scss */
.damage-waiver-slider {
position: absolute;
cursor: pointer;
inset: 0;
background: #e5e7eb;
border-radius: 999px;
transition: .2s;
}
/* line 2698, app/assets/stylesheets/customers/birthday_blast.scss */
.damage-waiver-slider::before {
content: '';
position: absolute;
width: 18px;
height: 18px;
left: 3px;
bottom: 3px;
background: #fff;
border-radius: 50%;
transition: .2s;
}
/* line 2711, app/assets/stylesheets/customers/birthday_blast.scss */
.damage-waiver-toggle input:checked + .damage-waiver-slider {
background: var(--orange);
}
/* line 2714, app/assets/stylesheets/customers/birthday_blast.scss */
.damage-waiver-toggle input:checked + .damage-waiver-slider::before {
transform: translateX(20px);
}
/* line 2717, app/assets/stylesheets/customers/birthday_blast.scss */
.place-order-btn {
background: var(--orange);
color: #fff;
width: 100%;
padding: 18px;
border-radius: 999px;
font-size: 17px;
font-weight: 900;
border: none;
cursor: pointer;
margin-top: 16px;
box-shadow: 0 6px 20px rgba(255, 87, 34, 0.4);
font-family: var(--font-body);
}
/* line 2731, app/assets/stylesheets/customers/birthday_blast.scss */
.place-order-btn:disabled {
opacity: .45;
cursor: not-allowed;
box-shadow: none;
}
/* line 2735, app/assets/stylesheets/customers/birthday_blast.scss */
.checkout-popup-overlay {
display: none;
position: fixed;
inset: 0;
background: rgba(0, 0, 0, 0.65);
z-index: 9998;
align-items: center;
justify-content: center;
}
/* line 2744, app/assets/stylesheets/customers/birthday_blast.scss */
.checkout-popup-overlay.open {
display: flex;
}
/* line 2747, app/assets/stylesheets/customers/birthday_blast.scss */
.checkout-popup {
background: #fff;
border-radius: 20px;
padding: 0;
max-width: 580px;
width: 92%;
max-height: 85vh;
display: flex;
flex-direction: column;
position: relative;
overflow: hidden;
}
/* line 2760, app/assets/stylesheets/customers/birthday_blast.scss */
.checkout-popup-scroll {
padding: 36px 36px 12px;
overflow-y: auto;
flex: 1;
-webkit-overflow-scrolling: touch;
}
/* line 2762, app/assets/stylesheets/customers/birthday_blast.scss */
.checkout-popup-close {
position: absolute;
top: 14px;
right: 18px;
background: none;
border: none;
font-size: 22px;
cursor: pointer;
color: #666;
z-index: 2;
width: 32px;
height: 32px;
border-radius: 999px;
display: flex;
align-items: center;
justify-content: center;
}
/* line 2779, app/assets/stylesheets/customers/birthday_blast.scss */
.checkout-popup-close:hover {
background: #f3f4f6;
}
/* line 2782, app/assets/stylesheets/customers/birthday_blast.scss */
.checkout-popup-title {
font-family: var(--font-headline);
font-size: 28px;
color: #1a1a1a;
text-align: center;
margin-bottom: 6px;
}
/* line 2783, app/assets/stylesheets/customers/birthday_blast.scss */
.checkout-popup-sub {
font-size: 13px;
color: #888;
text-align: center;
margin-bottom: 24px;
font-weight: 700;
}
/* line 2785, app/assets/stylesheets/customers/birthday_blast.scss */
.upsell-popup-item {
display: flex;
align-items: center;
gap: 14px;
padding: 14px;
border: 1.5px solid #e5e7eb;
border-radius: 14px;
margin-bottom: 10px;
cursor: pointer;
transition: border-color .15s, background .15s;
}
/* line 2796, app/assets/stylesheets/customers/birthday_blast.scss */
.upsell-popup-item:hover {
border-color: #FFD0BC;
}
/* line 2797, app/assets/stylesheets/customers/birthday_blast.scss */
.upsell-popup-item.checked {
border-color: var(--orange);
background: #FFF8F5;
}
/* line 2800, app/assets/stylesheets/customers/birthday_blast.scss */
.upsell-popup-check {
width: 22px;
height: 22px;
accent-color: var(--orange);
flex-shrink: 0;
cursor: pointer;
pointer-events: none;
}
/* line 2802, app/assets/stylesheets/customers/birthday_blast.scss */
.upsell-popup-img {
width: 60px;
height: 46px;
border-radius: 8px;
overflow: hidden;
flex-shrink: 0;
background: #f0f0f0;
display: flex;
align-items: center;
justify-content: center;
}
/* line 2813, app/assets/stylesheets/customers/birthday_blast.scss */
.upsell-popup-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
/* line 2816, app/assets/stylesheets/customers/birthday_blast.scss */
.upsell-popup-name {
font-size: 14px;
font-weight: 800;
color: #1a1a1a;
flex: 1;
}
/* line 2818, app/assets/stylesheets/customers/birthday_blast.scss */
.upsell-popup-qty {
display: flex;
align-items: center;
border: 1px solid #e5e7eb;
border-radius: 999px;
overflow: hidden;
transition: opacity .15s;
}
/* line 2826, app/assets/stylesheets/customers/birthday_blast.scss */
.upsell-popup-qty button {
width: 30px;
height: 30px;
border: none;
background: #fff;
font-size: 16px;
cursor: pointer;
font-weight: 700;
}
/* line 2827, app/assets/stylesheets/customers/birthday_blast.scss */
.upsell-popup-qty span {
width: 28px;
text-align: center;
font-size: 14px;
font-weight: 800;
}
/* line 2830, app/assets/stylesheets/customers/birthday_blast.scss */
.upsell-popup-item:not(.checked) .upsell-popup-qty {
opacity: .35;
pointer-events: none;
}
/* line 2832, app/assets/stylesheets/customers/birthday_blast.scss */
.upsell-popup-price-sel {
font-size: 13px;
font-weight: 700;
color: #333;
border: 1.5px solid #e5e7eb;
border-radius: 10px;
padding: 8px 28px 8px 10px;
background: #fafafa;
min-width: 140px;
flex-shrink: 0;
}
/* line 2843, app/assets/stylesheets/customers/birthday_blast.scss */
.upsell-popup-price-sel:focus {
border-color: var(--orange);
}
/* line 2846, app/assets/stylesheets/customers/birthday_blast.scss */
.popup-btns {
display: flex;
gap: 12px;
padding: 16px 36px 28px;
background: #fff;
border-top: 1px solid #f0f0f0;
flex-shrink: 0;
}
/* line 2848, app/assets/stylesheets/customers/birthday_blast.scss */
.popup-no-btn {
flex: 1;
padding: 14px;
border-radius: 999px;
border: 2px solid #e5e7eb;
background: #fff;
color: #555;
font-size: 15px;
font-weight: 800;
cursor: pointer;
font-family: var(--font-body);
}
/* line 2861, app/assets/stylesheets/customers/birthday_blast.scss */
.popup-yes-btn {
flex: 1;
padding: 14px;
border-radius: 999px;
border: none;
background: #FFD0BC;
color: #fff;
font-size: 15px;
font-weight: 900;
cursor: pointer;
transition: background .2s, box-shadow .2s;
font-family: var(--font-body);
}
/* line 2874, app/assets/stylesheets/customers/birthday_blast.scss */
.popup-yes-btn.active {
background: var(--orange);
box-shadow: 0 6px 18px rgba(255, 87, 34, 0.35);
}
/* line 2877, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-popup-loading {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
padding: 40px 20px;
color: #888;
font-size: 14px;
font-weight: 700;
}
@media (max-width: 980px) {
/* line 2881, app/assets/stylesheets/customers/birthday_blast.scss */
.nav {
padding: 0 24px;
}
/* line 2882, app/assets/stylesheets/customers/birthday_blast.scss */
.hero {
height: auto;
min-height: 460px;
}
/* line 2883, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-content {
padding: 48px 32px;
max-width: 100%;
gap: 18px;
}
/* line 2884, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-h1 {
font-size: 60px;
}
/* line 2885, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-starburst {
width: 220px;
height: 220px;
right: -20px;
opacity: .07;
}
/* line 2886, app/assets/stylesheets/customers/birthday_blast.scss */
.inner-hero {
height: 240px;
}
/* line 2887, app/assets/stylesheets/customers/birthday_blast.scss */
.inner-hero-content {
padding: 0 32px;
}
/* line 2888, app/assets/stylesheets/customers/birthday_blast.scss */
.inner-hero-title {
font-size: 42px;
}
/* line 2889, app/assets/stylesheets/customers/birthday_blast.scss */
.cats, .upsell-sec {
padding: 48px 24px 56px;
}
/* line 2890, app/assets/stylesheets/customers/birthday_blast.scss */
.sec-h2, .sec-h2-wh {
font-size: 34px;
}
/* line 2891, app/assets/stylesheets/customers/birthday_blast.scss */
.cta-t {
font-size: 42px;
}
/* line 2892, app/assets/stylesheets/customers/birthday_blast.scss */
.cat-grid {
grid-template-columns: repeat(2, 1fr);
gap: 16px;
}
/* line 2893, app/assets/stylesheets/customers/birthday_blast.scss */
.prod-grid-4 {
grid-template-columns: repeat(2, 1fr);
gap: 16px;
}
/* line 2894, app/assets/stylesheets/customers/birthday_blast.scss */
.prod-grid-3 {
grid-template-columns: repeat(2, 1fr);
gap: 16px;
}
/* line 2895, app/assets/stylesheets/customers/birthday_blast.scss */
.browse-grid {
grid-template-columns: repeat(3, 1fr);
gap: 16px;
}
/* line 2896, app/assets/stylesheets/customers/birthday_blast.scss */
.g-rev-grid {
grid-template-columns: 1fr;
gap: 14px;
}
/* line 2897, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-wrap {
padding: 32px 24px;
}
/* line 2898, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-two-col {
grid-template-columns: 1fr;
gap: 32px;
}
/* line 2899, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-sticky-col {
position: static;
max-height: none;
overflow: visible;
}
/* line 2900, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-cart-header {
padding: 24px 24px 0;
}
/* line 2901, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-wrap {
padding: 32px 24px 120px;
}
/* line 2902, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-layout {
grid-template-columns: 1fr;
gap: 24px;
}
/* line 2903, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-summary {
position: static;
}
/* line 2904, app/assets/stylesheets/customers/birthday_blast.scss */
.checkout-wrap {
padding: 24px 16px;
}
/* line 2905, app/assets/stylesheets/customers/birthday_blast.scss */
.checkout-layout {
grid-template-columns: 1fr;
gap: 24px;
}
/* line 2906, app/assets/stylesheets/customers/birthday_blast.scss */
.order-summary {
position: static;
}
/* line 2907, app/assets/stylesheets/customers/birthday_blast.scss */
.about-story {
padding: 48px 24px;
gap: 32px;
grid-template-columns: 1fr;
}
/* line 2908, app/assets/stylesheets/customers/birthday_blast.scss */
.about-stats {
margin: 0 24px;
}
/* line 2909, app/assets/stylesheets/customers/birthday_blast.scss */
.about-stat-num {
font-size: 38px;
}
/* line 2910, app/assets/stylesheets/customers/birthday_blast.scss */
.about-photos {
padding: 32px 24px 0;
grid-template-columns: repeat(2, 1fr);
gap: 12px;
}
/* line 2911, app/assets/stylesheets/customers/birthday_blast.scss */
.about-faq {
padding: 48px 24px;
}
/* line 2912, app/assets/stylesheets/customers/birthday_blast.scss */
.about-reviews-bar {
margin: 24px;
padding: 24px;
}
/* line 2913, app/assets/stylesheets/customers/birthday_blast.scss */
.about-content-wrap {
padding: 40px 24px;
}
/* line 2914, app/assets/stylesheets/customers/birthday_blast.scss */
.contact-info-section .contact-cards {
grid-template-columns: 1fr;
gap: 14px;
}
/* line 2915, app/assets/stylesheets/customers/birthday_blast.scss */
.contact-cards {
padding: 32px 24px 0;
grid-template-columns: 1fr;
gap: 14px;
}
/* line 2916, app/assets/stylesheets/customers/birthday_blast.scss */
.contact-form-wrap {
padding: 32px 24px 48px;
}
/* line 2917, app/assets/stylesheets/customers/birthday_blast.scss */
.contact-form {
padding: 28px;
}
/* line 2918, app/assets/stylesheets/customers/birthday_blast.scss */
.footer {
padding: 40px 24px 24px;
}
/* line 2919, app/assets/stylesheets/customers/birthday_blast.scss */
.footer-grid {
grid-template-columns: 1fr 1fr;
gap: 32px;
}
/* line 2920, app/assets/stylesheets/customers/birthday_blast.scss */
.browse-event-bar {
padding: 14px 18px;
gap: 12px;
}
/* line 2921, app/assets/stylesheets/customers/birthday_blast.scss */
.browse-event-bar-right {
flex-wrap: wrap;
width: 100%;
}
/* line 2922, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-sticky-bar {
padding: 12px 24px calc(12px + env(safe-area-inset-bottom));
}
/* line 2923, app/assets/stylesheets/customers/birthday_blast.scss */
.cta-sec {
padding: 60px 24px;
}
/* line 2924, app/assets/stylesheets/customers/birthday_blast.scss */
.gal-grid {
grid-template-columns: 1fr 1fr;
grid-template-rows: 200px 200px;
gap: 12px;
}
}
@media (max-width: 640px) {
/* line 2931, app/assets/stylesheets/customers/birthday_blast.scss */
.nav {
padding: 0 14px;
height: 58px;
box-shadow: 0 1px 0 #FFE0CC;
}
/* line 2932, app/assets/stylesheets/customers/birthday_blast.scss */
.logo {
font-size: 21px;
}
/* line 2934, app/assets/stylesheets/customers/birthday_blast.scss */
.nav-links {
display: none;
position: fixed;
top: 58px;
left: 0;
right: 0;
flex-direction: column;
height: auto;
background: var(--nav-bg, #fff);
padding: 6px 0 14px;
border-bottom: 2px solid #FFE0CC;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
z-index: 998;
}
/* line 2948, app/assets/stylesheets/customers/birthday_blast.scss */
.nav-links.open {
display: flex;
}
/* line 2951, app/assets/stylesheets/customers/birthday_blast.scss */
.nav-link {
height: auto;
padding: 14px 22px;
border-bottom: 1px solid #FFF4F0;
margin-bottom: 0;
border-bottom-color: #FFF4F0;
font-size: 15px;
}
/* line 2959, app/assets/stylesheets/customers/birthday_blast.scss */
.nav-link:last-child {
border-bottom: none;
}
/* line 2960, app/assets/stylesheets/customers/birthday_blast.scss */
.nav-link.on {
border-bottom-color: #FFF4F0;
background: #FFF8F5;
}
/* line 2963, app/assets/stylesheets/customers/birthday_blast.scss */
.nav-toggle {
display: flex;
}
/* line 2964, app/assets/stylesheets/customers/birthday_blast.scss */
.nav-backdrop {
top: 58px;
}
/* line 2965, app/assets/stylesheets/customers/birthday_blast.scss */
.btn-call {
padding: 7px 12px;
font-size: 11px;
}
/* line 2966, app/assets/stylesheets/customers/birthday_blast.scss */
.btn-cart {
width: 36px;
height: 36px;
font-size: 14px;
}
/* line 2969, app/assets/stylesheets/customers/birthday_blast.scss */
.hero {
height: auto;
min-height: auto;
}
/* line 2970, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-content {
padding: 24px 18px 26px;
gap: 10px;
}
/* line 2971, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-h1 {
font-size: 36px;
line-height: .95;
}
/* line 2972, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-sub {
font-size: 12.5px;
line-height: 1.5;
display: block;
color: rgba(255, 255, 255, 0.78);
max-width: 360px;
}
/* line 2973, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-img img {
object-position: center 30%;
}
/* line 2974, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-img::after {
background: linear-gradient(180deg, color-mix(in srgb, var(--surface-dark) 97%, transparent) 0%, color-mix(in srgb, var(--surface-dark) 94%, transparent) 60%, color-mix(in srgb, var(--surface-dark) 97%, transparent) 100%);
}
/* line 2975, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-img img {
opacity: .4;
}
/* line 2976, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-starburst {
display: none;
}
/* line 2977, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-dots {
background-size: 22px 22px;
opacity: .55;
}
/* line 2978, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-date-bar {
padding: 12px 14px;
border-radius: 14px;
margin-top: 4px;
}
/* line 2979, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-date-bar-label {
font-size: 10px;
letter-spacing: 1.5px;
margin-bottom: 8px;
}
/* line 2980, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-date-row {
flex-direction: row;
gap: 8px;
}
/* line 2981, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-date-input {
flex: 1;
padding: 11px 38px 11px 12px;
font-size: 14px;
min-width: 0;
}
/* line 2982, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-date-btn {
padding: 11px 14px;
font-size: 13px;
flex-shrink: 0;
}
/* line 2983, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-skip {
display: none;
}
/* line 2986, app/assets/stylesheets/customers/birthday_blast.scss */
.inner-hero {
height: 160px;
}
/* line 2987, app/assets/stylesheets/customers/birthday_blast.scss */
.inner-hero-content {
padding: 0 18px;
}
/* line 2988, app/assets/stylesheets/customers/birthday_blast.scss */
.inner-hero-title {
font-size: 30px;
}
/* line 2989, app/assets/stylesheets/customers/birthday_blast.scss */
.inner-hero-sub {
font-size: 12px;
margin-top: 6px;
}
/* line 2990, app/assets/stylesheets/customers/birthday_blast.scss */
.inner-hero::after {
background: linear-gradient(to right, color-mix(in srgb, var(--surface-dark) 90%, transparent) 0%, color-mix(in srgb, var(--surface-dark) 60%, transparent) 100%);
}
/* line 2993, app/assets/stylesheets/customers/birthday_blast.scss */
.slash-down-light svg, .slash-up-white svg, .slash-down-navy svg,
.slash-up-navy svg, .slash-down-orange svg {
height: 38px !important;
}
/* line 2997, app/assets/stylesheets/customers/birthday_blast.scss */
.cats, .upsell-sec {
padding: 24px 0 28px;
}
/* line 2998, app/assets/stylesheets/customers/birthday_blast.scss */
.sec-label {
padding: 0 16px;
flex-direction: column;
align-items: flex-start;
gap: 2px;
margin-bottom: 14px;
}
/* line 2999, app/assets/stylesheets/customers/birthday_blast.scss */
.sec-h2, .sec-h2-wh {
font-size: 24px;
line-height: 1.05;
}
/* line 3000, app/assets/stylesheets/customers/birthday_blast.scss */
.sec-sup {
font-size: 9px;
letter-spacing: 1.8px;
}
/* line 3001, app/assets/stylesheets/customers/birthday_blast.scss */
.sec-center {
margin-bottom: 18px;
padding: 0 16px;
}
/* line 3004, app/assets/stylesheets/customers/birthday_blast.scss */
.cats {
position: relative;
}
/* line 3005, app/assets/stylesheets/customers/birthday_blast.scss */
.cats::after {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 32px;
pointer-events: none;
background: linear-gradient(to left, var(--light) 0%, transparent 100%);
z-index: 1;
}
/* line 3016, app/assets/stylesheets/customers/birthday_blast.scss */
.cat-grid {
display: flex;
grid-template-columns: none;
overflow-x: auto;
overflow-y: hidden;
padding: 4px 16px 14px;
gap: 12px;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
}
/* line 3027, app/assets/stylesheets/customers/birthday_blast.scss */
.cat-grid::-webkit-scrollbar {
display: none;
}
/* line 3030, app/assets/stylesheets/customers/birthday_blast.scss */
.cat {
flex: 0 0 158px;
width: 158px;
height: 140px;
border-radius: 18px;
padding: 14px;
scroll-snap-align: start;
}
/* line 3038, app/assets/stylesheets/customers/birthday_blast.scss */
.cat:nth-child(odd), .cat:nth-child(even) {
transform: none;
}
/* line 3041, app/assets/stylesheets/customers/birthday_blast.scss */
.cat-name {
font-size: 16px;
line-height: 1.05;
}
/* line 3042, app/assets/stylesheets/customers/birthday_blast.scss */
.cat-pill {
font-size: 9.5px;
padding: 3px 8px;
top: 9px;
right: 9px;
letter-spacing: .4px;
}
/* line 3043, app/assets/stylesheets/customers/birthday_blast.scss */
.cat-info {
position: relative;
z-index: 1;
}
/* line 3046, app/assets/stylesheets/customers/birthday_blast.scss */
.browse-wrap {
position: relative;
}
/* line 3048, app/assets/stylesheets/customers/birthday_blast.scss */
.filter-bar {
display: flex;
flex-wrap: nowrap;
overflow-x: auto;
overflow-y: hidden;
padding: 0 16px 4px;
margin: 0 -16px 16px;
gap: 8px;
scrollbar-width: none;
-webkit-overflow-scrolling: touch;
position: relative;
}
/* line 3060, app/assets/stylesheets/customers/birthday_blast.scss */
.filter-bar::-webkit-scrollbar {
display: none;
}
/* line 3062, app/assets/stylesheets/customers/birthday_blast.scss */
.filter-bar::after {
content: '';
position: sticky;
right: 0;
top: 0;
display: block;
width: 24px;
height: 34px;
flex-shrink: 0;
margin-right: -24px;
margin-left: -24px;
background: linear-gradient(to left, var(--light) 0%, transparent 100%);
pointer-events: none;
}
/* line 3075, app/assets/stylesheets/customers/birthday_blast.scss */
.filter-chip {
flex-shrink: 0;
padding: 7px 14px;
font-size: 12px;
border-width: 1.5px;
}
/* line 3078, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-thumbs {
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
flex-wrap: nowrap;
}
/* line 3085, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-thumbs::-webkit-scrollbar {
display: none;
}
/* line 3089, app/assets/stylesheets/customers/birthday_blast.scss */
.prod-grid-4, .prod-grid-3, .browse-grid {
grid-template-columns: repeat(2, 1fr);
gap: 12px;
padding: 0 16px;
}
/* line 3090, app/assets/stylesheets/customers/birthday_blast.scss */
.prod-card {
border-radius: 14px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
}
/* line 3091, app/assets/stylesheets/customers/birthday_blast.scss */
.prod-card-img {
aspect-ratio: 1/1;
}
/* line 3092, app/assets/stylesheets/customers/birthday_blast.scss */
.prod-card-body {
padding: 10px 12px 12px;
}
/* line 3093, app/assets/stylesheets/customers/birthday_blast.scss */
.prod-card-cat {
font-size: 9px;
letter-spacing: 1.2px;
margin-bottom: 2px;
}
/* line 3094, app/assets/stylesheets/customers/birthday_blast.scss */
.prod-card-name {
font-size: 13.5px;
line-height: 1.15;
margin-bottom: 4px;
}
/* line 3095, app/assets/stylesheets/customers/birthday_blast.scss */
.prod-card-desc {
display: none;
}
/* line 3096, app/assets/stylesheets/customers/birthday_blast.scss */
.prod-card-row {
flex-direction: column;
align-items: stretch;
gap: 6px;
}
/* line 3097, app/assets/stylesheets/customers/birthday_blast.scss */
.prod-card-price {
font-size: 16px;
}
/* line 3098, app/assets/stylesheets/customers/birthday_blast.scss */
.prod-card-btn {
width: 100%;
padding: 7px;
font-size: 11px;
border-radius: 999px;
letter-spacing: .3px;
}
/* line 3101, app/assets/stylesheets/customers/birthday_blast.scss */
.g-rev-grid {
margin-top: 18px;
padding: 0 16px;
}
/* line 3102, app/assets/stylesheets/customers/birthday_blast.scss */
.g-card {
padding: 14px;
border-radius: 12px;
}
/* line 3103, app/assets/stylesheets/customers/birthday_blast.scss */
.g-text {
font-size: 12px;
}
/* line 3104, app/assets/stylesheets/customers/birthday_blast.scss */
.g-uname {
font-size: 13px;
}
/* line 3107, app/assets/stylesheets/customers/birthday_blast.scss */
.gal-grid {
grid-template-columns: 1fr 1fr !important;
grid-template-rows: auto !important;
gap: 8px !important;
padding: 0 16px;
}
/* line 3108, app/assets/stylesheets/customers/birthday_blast.scss */
.gcell {
height: 130px;
border-radius: 12px;
}
/* line 3109, app/assets/stylesheets/customers/birthday_blast.scss */
.gcell.big {
grid-row: auto;
grid-column: 1 / -1;
height: 180px;
}
/* line 3112, app/assets/stylesheets/customers/birthday_blast.scss */
.browse-wrap {
padding: 18px 0 28px;
}
/* line 3113, app/assets/stylesheets/customers/birthday_blast.scss */
.browse-event-bar {
margin: 0 16px 14px;
padding: 12px;
border-radius: 14px;
flex-direction: column;
align-items: stretch;
gap: 8px;
}
/* line 3114, app/assets/stylesheets/customers/birthday_blast.scss */
.browse-event-bar-left {
min-width: 0;
width: 100%;
gap: 8px;
}
/* line 3115, app/assets/stylesheets/customers/birthday_blast.scss */
.browse-event-bar-icon {
width: 36px;
height: 36px;
font-size: 18px;
border-radius: 10px;
}
/* line 3116, app/assets/stylesheets/customers/birthday_blast.scss */
.browse-event-bar-label {
font-size: 13px;
}
/* line 3117, app/assets/stylesheets/customers/birthday_blast.scss */
.browse-event-bar-sub {
font-size: 12px;
}
/* line 3118, app/assets/stylesheets/customers/birthday_blast.scss */
.browse-event-bar-right {
flex-direction: row;
width: 100%;
gap: 6px;
}
/* line 3119, app/assets/stylesheets/customers/birthday_blast.scss */
.browse-event-input {
flex: 1;
padding: 9px 12px;
font-size: 14px;
min-width: 0;
}
/* line 3120, app/assets/stylesheets/customers/birthday_blast.scss */
.browse-event-btn {
padding: 9px 14px;
font-size: 12px;
flex-shrink: 0;
}
/* line 3121, app/assets/stylesheets/customers/birthday_blast.scss */
.browse-event-clear {
padding: 6px 10px;
}
/* line 3122, app/assets/stylesheets/customers/birthday_blast.scss */
.browse-date-banner {
margin: 0 16px 14px;
padding: 11px 14px;
border-radius: 12px;
flex-wrap: wrap;
}
/* line 3123, app/assets/stylesheets/customers/birthday_blast.scss */
.browse-date-banner-title {
font-size: 13px;
}
/* line 3124, app/assets/stylesheets/customers/birthday_blast.scss */
.browse-date-banner-sub {
font-size: 11px;
}
/* line 3127, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-wrap {
padding: 14px 0 20px;
}
/* line 3128, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-two-col {
padding: 0 16px;
gap: 18px;
}
/* line 3129, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-main-img {
aspect-ratio: 16/10;
border-radius: 14px;
margin-bottom: 8px;
}
/* line 3130, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-thumbs {
gap: 6px;
margin-bottom: 14px;
}
/* line 3131, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-thumb {
width: 54px;
height: 40px;
border-radius: 8px;
border-width: 1.5px;
}
/* line 3132, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-cat-tag {
font-size: 10px;
letter-spacing: 1.5px;
}
/* line 3133, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-title {
font-size: 24px;
line-height: 1.08;
margin-top: 2px;
}
/* line 3134, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-price {
font-size: 22px;
margin-top: 0;
}
/* line 3135, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-price span {
font-size: 13px;
}
/* line 3137, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-specs {
padding: 14px;
grid-template-columns: 1fr 1fr;
gap: 8px 14px;
border-radius: 12px;
}
/* line 3138, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-spec-label {
font-size: 9px;
}
/* line 3139, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-spec-val {
font-size: 12.5px;
}
/* line 3141, app/assets/stylesheets/customers/birthday_blast.scss */
.long-desc-block {
padding: 16px;
margin-top: 14px;
position: relative;
border-radius: 14px;
}
/* line 3147, app/assets/stylesheets/customers/birthday_blast.scss */
.long-desc-block.collapsed {
max-height: 240px;
overflow: hidden;
}
/* line 3151, app/assets/stylesheets/customers/birthday_blast.scss */
.long-desc-block.collapsed::after {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 90px;
background: linear-gradient(to bottom, transparent 0%, var(--light) 75%);
pointer-events: none;
border-radius: 0 0 14px 14px;
}
/* line 3163, app/assets/stylesheets/customers/birthday_blast.scss */
.long-desc-toggle {
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
width: calc(100% - 32px);
margin: 14px 16px 0;
padding: 11px;
background: #fff;
border: 2px solid var(--orange);
border-radius: 999px;
color: var(--orange);
font-weight: 900;
font-size: 13px;
cursor: pointer;
letter-spacing: .5px;
}
/* line 3180, app/assets/stylesheets/customers/birthday_blast.scss */
.long-desc-toggle:active {
transform: scale(0.98);
}
/* line 3184, app/assets/stylesheets/customers/birthday_blast.scss */
.booking-panel {
padding: 16px;
border-radius: 18px !important;
}
/* line 3185, app/assets/stylesheets/customers/birthday_blast.scss */
.booking-title {
font-size: 18px;
margin-bottom: 12px;
}
/* line 3186, app/assets/stylesheets/customers/birthday_blast.scss */
.booking-row {
grid-template-columns: 1fr 1fr;
gap: 8px;
margin-bottom: 8px;
}
/* line 3187, app/assets/stylesheets/customers/birthday_blast.scss */
.booking-input {
font-size: 14px;
padding: 10px 12px;
border-radius: 10px;
border-width: 1.5px;
}
/* line 3188, app/assets/stylesheets/customers/birthday_blast.scss */
.booking-label {
font-size: 9.5px;
letter-spacing: 1.2px;
}
/* line 3189, app/assets/stylesheets/customers/birthday_blast.scss */
.booking-duration {
font-size: 11px;
padding: 9px 12px;
line-height: 1.4;
}
/* line 3190, app/assets/stylesheets/customers/birthday_blast.scss */
.booking-fee {
font-size: 12px;
}
/* line 3191, app/assets/stylesheets/customers/birthday_blast.scss */
.booking-cta {
font-size: 14px;
padding: 13px;
}
/* line 3192, app/assets/stylesheets/customers/birthday_blast.scss */
.duration-section {
margin-bottom: 12px;
}
/* line 3193, app/assets/stylesheets/customers/birthday_blast.scss */
.duration-label, .included-label {
font-size: 9.5px;
letter-spacing: 1.2px;
margin-bottom: 8px;
}
/* line 3194, app/assets/stylesheets/customers/birthday_blast.scss */
.duration-options {
gap: 6px;
}
/* line 3195, app/assets/stylesheets/customers/birthday_blast.scss */
.dur-radio {
padding: 5px 10px;
font-size: 11px;
border-width: 1.5px;
}
/* line 3196, app/assets/stylesheets/customers/birthday_blast.scss */
.included-item {
padding: 9px;
border-radius: 10px;
}
/* line 3197, app/assets/stylesheets/customers/birthday_blast.scss */
.included-item-thumb {
width: 36px;
height: 28px;
font-size: 14px;
}
/* line 3198, app/assets/stylesheets/customers/birthday_blast.scss */
.included-item-name {
font-size: 12.5px;
}
/* line 3199, app/assets/stylesheets/customers/birthday_blast.scss */
.choose-variant-btn {
font-size: 10.5px;
padding: 5px 11px;
}
/* line 3200, app/assets/stylesheets/customers/birthday_blast.scss */
.inline-dropdown-item {
flex-wrap: wrap;
padding: 9px;
}
/* line 3201, app/assets/stylesheets/customers/birthday_blast.scss */
.inline-dropdown-name {
flex: 1 1 60%;
min-width: 0;
font-size: 12.5px;
}
/* line 3202, app/assets/stylesheets/customers/birthday_blast.scss */
.inline-dropdown-select {
padding: 6px 10px;
font-size: 12px;
}
/* line 3203, app/assets/stylesheets/customers/birthday_blast.scss */
.qty-btn {
width: 32px;
height: 32px;
font-size: 16px;
}
/* line 3204, app/assets/stylesheets/customers/birthday_blast.scss */
.qty-val {
width: 34px;
font-size: 14px;
}
/* line 3205, app/assets/stylesheets/customers/birthday_blast.scss */
.qty-label {
font-size: 11px;
}
/* line 3206, app/assets/stylesheets/customers/birthday_blast.scss */
.booking-qty-row {
margin-bottom: 14px;
}
/* line 3207, app/assets/stylesheets/customers/birthday_blast.scss */
.additional-fees, .booking-duration {
font-size: 11px;
}
/* line 3208, app/assets/stylesheets/customers/birthday_blast.scss */
.surface-opt {
padding: 10px 12px;
}
/* line 3209, app/assets/stylesheets/customers/birthday_blast.scss */
.surface-opt-label {
font-size: 13px;
}
/* line 3210, app/assets/stylesheets/customers/birthday_blast.scss */
.surface-opt-price {
font-size: 12px;
}
/* line 3211, app/assets/stylesheets/customers/birthday_blast.scss */
.overnight-card {
padding: 12px;
}
/* line 3212, app/assets/stylesheets/customers/birthday_blast.scss */
.overnight-card-top {
flex-wrap: wrap;
gap: 8px;
}
/* line 3213, app/assets/stylesheets/customers/birthday_blast.scss */
.overnight-title {
font-size: 13px;
flex: 1 1 60%;
}
/* line 3214, app/assets/stylesheets/customers/birthday_blast.scss */
.overnight-desc, .overnight-pickup, .overnight-tags {
margin-left: 0;
}
/* line 3215, app/assets/stylesheets/customers/birthday_blast.scss */
.overnight-desc {
font-size: 11px;
}
/* line 3216, app/assets/stylesheets/customers/birthday_blast.scss */
.overnight-pickup {
font-size: 11px;
padding: 7px 10px;
}
/* line 3217, app/assets/stylesheets/customers/birthday_blast.scss */
.overnight-tag {
font-size: 10px;
padding: 2px 8px;
}
/* line 3220, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-bottom-bar.show {
display: flex;
}
/* line 3223, app/assets/stylesheets/customers/birthday_blast.scss */
#page-detail .sec-label {
margin-bottom: 14px;
}
/* line 3224, app/assets/stylesheets/customers/birthday_blast.scss */
#page-detail > div > div > div[style*="margin-top:64px"] {
margin-top: 24px !important;
padding: 0 16px;
}
/* line 3225, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-addons-section {
padding: 24px 0 28px;
}
/* line 3228, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-cart-header {
padding: 18px 16px 0;
}
/* line 3229, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-cart-header h1 {
font-size: 26px;
}
/* line 3230, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-cart-header p {
font-size: 13px;
}
/* line 3231, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-wrap {
padding: 16px 0 130px;
}
/* line 3232, app/assets/stylesheets/customers/birthday_blast.scss */
#page-cart > div:first-child {
padding: 18px 16px 0 !important;
}
/* line 3233, app/assets/stylesheets/customers/birthday_blast.scss */
#page-cart > div:first-child h1 {
font-size: 26px !important;
}
/* line 3234, app/assets/stylesheets/customers/birthday_blast.scss */
#page-cart > div:first-child p {
font-size: 13px !important;
}
/* line 3235, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-layout {
padding: 0 16px;
gap: 14px;
}
/* line 3237, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-item {
grid-template-columns: 68px 1fr;
grid-template-rows: auto auto;
padding: 12px;
gap: 6px 12px;
border-radius: 14px;
}
/* line 3245, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-item-img {
aspect-ratio: 1;
border-radius: 10px;
grid-row: 1;
grid-column: 1;
}
/* line 3246, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-item > div:nth-child(2) {
grid-row: 1;
grid-column: 2;
min-width: 0;
}
/* line 3247, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-item-cat {
font-size: 9px;
letter-spacing: 1.4px;
margin-bottom: 2px;
}
/* line 3248, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-item-name {
font-size: 14px;
line-height: 1.15;
margin-bottom: 3px;
}
/* line 3249, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-item-date {
font-size: 11px;
}
/* line 3250, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-item-fees {
font-size: 10.5px;
margin-top: 2px;
}
/* line 3251, app/assets/stylesheets/customers/birthday_blast.scss */
.change-date-btn {
font-size: 11px;
margin-top: 4px;
}
/* line 3253, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-item-right {
grid-row: 2;
grid-column: 1 / -1;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding-top: 10px;
border-top: 1px solid #f3f4f6;
gap: 10px;
}
/* line 3264, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-item-price {
font-size: 17px;
}
/* line 3265, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-qty-btn {
width: 26px;
height: 26px;
font-size: 14px;
}
/* line 3266, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-qty-val {
width: 26px;
font-size: 13px;
}
/* line 3267, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-remove {
font-size: 11px;
}
/* line 3268, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-summary {
padding: 18px;
border-radius: 16px;
}
/* line 3269, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-summary-title {
font-size: 18px;
margin-bottom: 14px;
}
/* line 3270, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-line {
font-size: 13px;
margin-bottom: 8px;
}
/* line 3271, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-line.bold {
font-size: 17px;
padding-top: 12px;
color: #1a1a1a;
}
/* line 3272, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-line.bold span:last-child {
font-family: var(--font-headline);
color: var(--orange);
font-weight: 400;
}
/* line 3274, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-checkout-btn {
font-size: 15px;
padding: 14px;
}
/* line 3275, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-continue {
font-size: 13px;
padding: 11px;
}
/* line 3276, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-sticky-bar {
padding: 10px 14px calc(10px + env(safe-area-inset-bottom));
gap: 10px;
}
/* line 3277, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-sticky-bar > div:nth-child(2) {
display: none;
}
/* line 3278, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-sticky-amount {
font-size: 21px;
}
/* line 3279, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-sticky-label {
font-size: 10.5px;
color: #6b7280;
font-weight: 700;
letter-spacing: .3px;
text-transform: none;
}
/* line 3280, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-sticky-btn {
padding: 12px 22px;
font-size: 13.5px;
flex-shrink: 0;
}
/* line 3282, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-spec[style*="border-top"] .detail-spec-label {
display: none;
}
/* line 3283, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-spec[style*="border-top"] {
padding-top: 10px !important;
margin-top: 2px !important;
}
/* line 3286, app/assets/stylesheets/customers/birthday_blast.scss */
.booking-cta:active, .cart-checkout-btn:active, .place-order-btn:active,
.cart-sticky-btn:active, .detail-bb-cta:active, .hero-date-btn:active,
.browse-event-btn:active, .cta-btn:active, .prod-card-btn:active,
.contact-submit:active, .modal-confirm-btn:active, .date-modal-save:active,
.popup-yes-btn:active, .long-desc-toggle:active {
transform: scale(0.97);
filter: brightness(0.95);
}
/* line 3292, app/assets/stylesheets/customers/birthday_blast.scss */
.nav-link:active, .cat:active, .prod-card:active, .filter-chip:active {
transform: scale(0.98);
}
/* line 3295, app/assets/stylesheets/customers/birthday_blast.scss */
.checkout-wrap {
padding: 24px 16px;
}
/* line 3296, app/assets/stylesheets/customers/birthday_blast.scss */
#page-checkout > div:first-child {
padding: 18px 16px 0 !important;
}
/* line 3297, app/assets/stylesheets/customers/birthday_blast.scss */
#page-checkout > div:first-child h1 {
font-size: 26px !important;
}
/* line 3298, app/assets/stylesheets/customers/birthday_blast.scss */
#page-checkout > div:first-child p {
font-size: 13px !important;
}
/* line 3299, app/assets/stylesheets/customers/birthday_blast.scss */
#page-checkout > div:first-child > div:last-child {
margin-top: 14px !important;
}
/* line 3300, app/assets/stylesheets/customers/birthday_blast.scss */
#page-checkout > div:first-child > div:last-child > div {
font-size: 9.5px !important;
letter-spacing: .2px;
line-height: 1.2;
padding-bottom: 7px !important;
}
/* line 3301, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-checkout-header {
padding: 0 16px;
}
/* line 3302, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-checkout-header h1 {
font-size: 24px;
}
/* line 3303, app/assets/stylesheets/customers/birthday_blast.scss */
.checkout-form-wrap {
gap: 14px;
}
/* line 3304, app/assets/stylesheets/customers/birthday_blast.scss */
.form-section {
padding: 28px;
border-radius: 24px !important;
}
/* line 3305, app/assets/stylesheets/customers/birthday_blast.scss */
.form-section-title {
font-size: 22px;
margin-bottom: 20px;
gap: 10px;
}
/* line 3306, app/assets/stylesheets/customers/birthday_blast.scss */
.form-section-num {
width: 30px;
height: 30px;
font-size: 13px;
}
/* line 3307, app/assets/stylesheets/customers/birthday_blast.scss */
.form-input {
font-size: 14px;
padding: 13px 16px;
border-radius: 12px;
border-width: 2px;
}
/* line 3308, app/assets/stylesheets/customers/birthday_blast.scss */
.form-label {
font-size: 11px;
letter-spacing: 1.5px;
}
/* line 3309, app/assets/stylesheets/customers/birthday_blast.scss */
.form-grid-2 {
grid-template-columns: 1fr 1fr;
gap: 14px;
}
/* line 3310, app/assets/stylesheets/customers/birthday_blast.scss */
.form-group {
margin-bottom: 14px;
}
/* line 3311, app/assets/stylesheets/customers/birthday_blast.scss */
.form-check {
font-size: 13px;
}
/* line 3312, app/assets/stylesheets/customers/birthday_blast.scss */
.payment-opts {
grid-template-columns: repeat(4, 1fr);
gap: 10px;
margin-bottom: 18px;
}
/* line 3313, app/assets/stylesheets/customers/birthday_blast.scss */
.pay-opt {
padding: 14px 10px;
border-radius: 12px;
}
/* line 3314, app/assets/stylesheets/customers/birthday_blast.scss */
.pay-opt-label {
font-size: 12px;
}
/* line 3315, app/assets/stylesheets/customers/birthday_blast.scss */
.pay-opt-icon {
font-size: 20px;
margin-bottom: 4px;
}
/* line 3316, app/assets/stylesheets/customers/birthday_blast.scss */
.card-box {
padding: 20px;
border-radius: 14px;
}
/* line 3318, app/assets/stylesheets/customers/birthday_blast.scss */
#bb-payment-section #payment-options .grid {
grid-template-columns: repeat(2, 1fr) !important;
gap: 8px !important;
}
/* line 3319, app/assets/stylesheets/customers/birthday_blast.scss */
#bb-payment-section #payment-options .grid > div {
min-height: 56px !important;
padding: 12px 8px !important;
}
/* line 3320, app/assets/stylesheets/customers/birthday_blast.scss */
#bb-payment-section #payment-options .grid label {
font-size: 13px !important;
}
/* line 3321, app/assets/stylesheets/customers/birthday_blast.scss */
#bb-payment-section #payment-details {
padding: 16px !important;
border-radius: 12px !important;
}
/* line 3323, app/assets/stylesheets/customers/birthday_blast.scss */
.order-summary {
padding: 28px;
border-radius: 20px;
}
/* line 3324, app/assets/stylesheets/customers/birthday_blast.scss */
.order-item {
padding-bottom: 16px;
margin-bottom: 16px;
gap: 14px;
}
/* line 3325, app/assets/stylesheets/customers/birthday_blast.scss */
.order-item-img {
width: 60px;
height: 46px;
}
/* line 3326, app/assets/stylesheets/customers/birthday_blast.scss */
.order-item-name {
font-size: 13px;
}
/* line 3327, app/assets/stylesheets/customers/birthday_blast.scss */
.order-item-date {
font-size: 11px;
}
/* line 3328, app/assets/stylesheets/customers/birthday_blast.scss */
.order-item-price {
font-size: 14px;
}
/* line 3329, app/assets/stylesheets/customers/birthday_blast.scss */
.tip-opts {
gap: 8px;
}
/* line 3330, app/assets/stylesheets/customers/birthday_blast.scss */
.tip-btn {
flex: 1;
padding: 9px;
font-size: 13px;
border-radius: 10px;
}
/* line 3331, app/assets/stylesheets/customers/birthday_blast.scss */
.damage-waiver {
margin-bottom: 16px;
}
/* line 3332, app/assets/stylesheets/customers/birthday_blast.scss */
.damage-waiver-top {
padding: 16px 18px;
gap: 14px;
}
/* line 3333, app/assets/stylesheets/customers/birthday_blast.scss */
.damage-waiver-title-rich {
font-size: 15px;
}
/* line 3334, app/assets/stylesheets/customers/birthday_blast.scss */
.damage-waiver-body {
padding: 16px 18px;
}
/* line 3335, app/assets/stylesheets/customers/birthday_blast.scss */
.place-order-btn {
font-size: 17px;
padding: 18px;
}
/* line 3338, app/assets/stylesheets/customers/birthday_blast.scss */
.about-story {
padding: 24px 16px;
gap: 18px;
}
/* line 3339, app/assets/stylesheets/customers/birthday_blast.scss */
.about-story-img {
border-radius: 16px;
}
/* line 3340, app/assets/stylesheets/customers/birthday_blast.scss */
.about-stats {
margin: 0 16px;
grid-template-columns: repeat(3, 1fr);
}
/* line 3341, app/assets/stylesheets/customers/birthday_blast.scss */
.about-stat {
padding: 18px 6px;
border-right: 1px solid rgba(255, 255, 255, 0.1);
border-bottom: none;
}
/* line 3342, app/assets/stylesheets/customers/birthday_blast.scss */
.about-stat:last-child {
border-right: none;
}
/* line 3343, app/assets/stylesheets/customers/birthday_blast.scss */
.about-stat-num {
font-size: 24px;
}
/* line 3344, app/assets/stylesheets/customers/birthday_blast.scss */
.about-stat-label {
font-size: 9.5px;
letter-spacing: .4px;
}
/* line 3345, app/assets/stylesheets/customers/birthday_blast.scss */
.about-photos {
padding: 18px 16px 0;
grid-template-columns: repeat(2, 1fr);
gap: 8px;
}
/* line 3346, app/assets/stylesheets/customers/birthday_blast.scss */
.about-photo {
border-radius: 12px;
}
/* line 3347, app/assets/stylesheets/customers/birthday_blast.scss */
.about-faq {
padding: 28px 16px;
}
/* line 3348, app/assets/stylesheets/customers/birthday_blast.scss */
.faq-list {
gap: 8px;
margin-top: 16px;
}
/* line 3349, app/assets/stylesheets/customers/birthday_blast.scss */
.faq-q {
padding: 14px 16px;
font-size: 13.5px;
gap: 10px;
}
/* line 3350, app/assets/stylesheets/customers/birthday_blast.scss */
.faq-a {
padding: 0 16px 14px;
font-size: 12.5px;
line-height: 1.7;
}
/* line 3351, app/assets/stylesheets/customers/birthday_blast.scss */
.faq-ico {
width: 22px;
height: 22px;
font-size: 14px;
}
/* line 3352, app/assets/stylesheets/customers/birthday_blast.scss */
.about-reviews-bar {
margin: 14px 16px;
padding: 18px;
gap: 14px;
flex-direction: column;
align-items: flex-start;
border-radius: 16px;
}
/* line 3353, app/assets/stylesheets/customers/birthday_blast.scss */
.about-reviews-bar-left {
width: 100%;
}
/* line 3354, app/assets/stylesheets/customers/birthday_blast.scss */
.about-reviews-rating {
padding: 14px 18px;
width: 100%;
border-radius: 14px;
}
/* line 3355, app/assets/stylesheets/customers/birthday_blast.scss */
.about-content-wrap {
padding: 24px 16px;
}
/* line 3356, app/assets/stylesheets/customers/birthday_blast.scss */
.about-content-wrap .about-story-img {
aspect-ratio: 16/10;
border-radius: 14px;
}
/* line 3357, app/assets/stylesheets/customers/birthday_blast.scss */
.about-content-text {
font-size: 13.5px;
line-height: 1.7;
margin-bottom: 12px;
}
/* line 3360, app/assets/stylesheets/customers/birthday_blast.scss */
.contact-info-section .contact-cards {
gap: 10px;
}
/* line 3361, app/assets/stylesheets/customers/birthday_blast.scss */
.contact-cards {
padding: 18px 16px 0;
gap: 10px;
}
/* line 3362, app/assets/stylesheets/customers/birthday_blast.scss */
.contact-card {
padding: 18px;
border-radius: 16px;
}
/* line 3363, app/assets/stylesheets/customers/birthday_blast.scss */
.contact-card-icon {
width: 48px;
height: 48px;
font-size: 22px;
margin-bottom: 10px;
}
/* line 3364, app/assets/stylesheets/customers/birthday_blast.scss */
.contact-card-title {
font-size: 17px;
margin-bottom: 4px;
}
/* line 3365, app/assets/stylesheets/customers/birthday_blast.scss */
.contact-card-val {
font-size: 13px;
color: #555;
}
/* line 3366, app/assets/stylesheets/customers/birthday_blast.scss */
.contact-card-val-sub {
font-size: 12px;
color: #aaa;
}
/* line 3367, app/assets/stylesheets/customers/birthday_blast.scss */
.contact-form-wrap {
padding: 18px 16px 32px;
}
/* line 3368, app/assets/stylesheets/customers/birthday_blast.scss */
.contact-form {
padding: 20px;
border-radius: 18px;
}
/* line 3369, app/assets/stylesheets/customers/birthday_blast.scss */
.contact-form-title {
font-size: 22px;
margin-bottom: 16px;
}
/* line 3370, app/assets/stylesheets/customers/birthday_blast.scss */
.contact-form .form-grid-2 {
grid-template-columns: 1fr;
gap: 0;
}
/* line 3371, app/assets/stylesheets/customers/birthday_blast.scss */
.contact-textarea {
font-size: 14px;
padding: 12px 14px;
min-height: 100px;
}
/* line 3372, app/assets/stylesheets/customers/birthday_blast.scss */
.contact-submit {
width: 100%;
padding: 14px;
font-size: 15px;
}
/* line 3375, app/assets/stylesheets/customers/birthday_blast.scss */
.footer {
padding: 28px 16px 16px;
}
/* line 3376, app/assets/stylesheets/customers/birthday_blast.scss */
.footer-grid {
grid-template-columns: 1fr 1fr;
gap: 22px 16px;
margin-bottom: 22px;
}
/* line 3377, app/assets/stylesheets/customers/birthday_blast.scss */
.footer-grid > div:first-child {
grid-column: 1 / -1;
}
/* line 3379, app/assets/stylesheets/customers/birthday_blast.scss */
.footer-logo {
font-size: 22px;
margin-bottom: 8px;
}
/* line 3380, app/assets/stylesheets/customers/birthday_blast.scss */
.footer-tagline {
font-size: 12px;
margin-bottom: 12px;
line-height: 1.6;
}
/* line 3381, app/assets/stylesheets/customers/birthday_blast.scss */
.footer-call {
padding: 9px 18px;
font-size: 12px;
}
/* line 3382, app/assets/stylesheets/customers/birthday_blast.scss */
.footer-col-title {
font-size: 9px;
margin-bottom: 10px;
letter-spacing: 2px;
}
/* line 3383, app/assets/stylesheets/customers/birthday_blast.scss */
.footer-link {
font-size: 12.5px;
margin-bottom: 6px;
}
/* line 3384, app/assets/stylesheets/customers/birthday_blast.scss */
.footer-socials {
margin-top: 12px;
gap: 8px;
}
/* line 3385, app/assets/stylesheets/customers/birthday_blast.scss */
.footer-soc {
width: 32px;
height: 32px;
}
/* line 3386, app/assets/stylesheets/customers/birthday_blast.scss */
.footer-bot {
flex-direction: column;
align-items: flex-start;
gap: 6px;
padding-top: 16px;
}
/* line 3387, app/assets/stylesheets/customers/birthday_blast.scss */
.footer-copy, .footer-tc {
font-size: 11px;
}
/* line 3390, app/assets/stylesheets/customers/birthday_blast.scss */
#page-home {
display: flex;
flex-direction: column;
}
/* line 3391, app/assets/stylesheets/customers/birthday_blast.scss */
#page-home > [class*="slash-"] {
display: none;
}
/* line 3392, app/assets/stylesheets/customers/birthday_blast.scss */
#page-home > .hero {
order: 0;
}
/* line 3393, app/assets/stylesheets/customers/birthday_blast.scss */
#page-home > div:nth-child(5) {
order: 1;
}
/* line 3394, app/assets/stylesheets/customers/birthday_blast.scss */
#page-home > .cats {
order: 2;
}
/* line 3395, app/assets/stylesheets/customers/birthday_blast.scss */
#page-home > div:nth-child(7) {
order: 3;
}
/* line 3396, app/assets/stylesheets/customers/birthday_blast.scss */
#page-home > div:nth-child(9) {
order: 4;
}
/* line 3397, app/assets/stylesheets/customers/birthday_blast.scss */
#page-home > div:nth-child(10) {
order: 5;
}
/* line 3398, app/assets/stylesheets/customers/birthday_blast.scss */
#page-home > .cta-sec {
order: 6;
}
/* line 3399, app/assets/stylesheets/customers/birthday_blast.scss */
#page-home > div:nth-child(5) .sec-sup {
color: var(--orange);
}
/* line 3401, app/assets/stylesheets/customers/birthday_blast.scss */
#page-home > div[style*="padding:64px 48px"],
#page-home > div[style*="padding:72px 48px 80px"],
#page-home > div[style*="padding:72px 80px"],
#page-home > div[style*="padding:56px 80px"] {
padding: 24px 0 !important;
}
/* line 3406, app/assets/stylesheets/customers/birthday_blast.scss */
#page-home > div > div[style*="font-size:320px"] {
font-size: 140px !important;
left: 8px !important;
top: -10px !important;
}
/* line 3407, app/assets/stylesheets/customers/birthday_blast.scss */
#page-home div[style*="background:rgba(255,255,255,.08)"] {
padding: 12px 16px !important;
}
/* line 3408, app/assets/stylesheets/customers/birthday_blast.scss */
#page-home div[style*="grid-template-columns:1fr 1fr;grid-template-rows:280px 280px"] {
grid-template-columns: 1fr 1fr !important;
grid-template-rows: auto !important;
gap: 8px !important;
padding: 0 16px;
}
/* line 3414, app/assets/stylesheets/customers/birthday_blast.scss */
#page-home div[style*="grid-template-columns:1fr 1fr;grid-template-rows:280px 280px"] .gcell {
height: 140px !important;
}
/* line 3415, app/assets/stylesheets/customers/birthday_blast.scss */
#page-home div[style*="grid-template-columns:1fr 1fr;grid-template-rows:280px 280px"] .gcell[style*="grid-row:span 2"] {
height: 286px !important;
}
/* line 3418, app/assets/stylesheets/customers/birthday_blast.scss */
.cta-sec {
padding: 36px 18px;
}
/* line 3419, app/assets/stylesheets/customers/birthday_blast.scss */
.cta-t {
font-size: 26px;
}
/* line 3420, app/assets/stylesheets/customers/birthday_blast.scss */
.cta-s {
font-size: 13px;
margin-bottom: 18px;
}
/* line 3421, app/assets/stylesheets/customers/birthday_blast.scss */
.cta-btn {
padding: 13px 32px;
font-size: 14px;
}
/* line 3424, app/assets/stylesheets/customers/birthday_blast.scss */
.modal-box {
padding: 22px 18px;
border-radius: 18px;
width: 94%;
}
/* line 3425, app/assets/stylesheets/customers/birthday_blast.scss */
.modal-title {
font-size: 20px;
}
/* line 3426, app/assets/stylesheets/customers/birthday_blast.scss */
.modal-sub {
font-size: 12px;
}
/* line 3427, app/assets/stylesheets/customers/birthday_blast.scss */
.variant-radio-option {
padding: 12px 14px;
border-radius: 10px;
}
/* line 3428, app/assets/stylesheets/customers/birthday_blast.scss */
.variant-radio-label {
font-size: 13.5px;
}
/* line 3429, app/assets/stylesheets/customers/birthday_blast.scss */
.modal-confirm-btn {
font-size: 14px;
padding: 13px;
}
/* line 3430, app/assets/stylesheets/customers/birthday_blast.scss */
.checkout-popup {
padding: 0;
border-radius: 18px;
width: 94%;
max-height: 88vh;
}
/* line 3431, app/assets/stylesheets/customers/birthday_blast.scss */
.checkout-popup-scroll {
padding: 24px 18px 8px;
}
/* line 3432, app/assets/stylesheets/customers/birthday_blast.scss */
.checkout-popup-title {
font-size: 21px;
}
/* line 3433, app/assets/stylesheets/customers/birthday_blast.scss */
.checkout-popup-sub {
font-size: 12px;
margin-bottom: 16px;
}
/* line 3434, app/assets/stylesheets/customers/birthday_blast.scss */
.upsell-popup-item {
flex-wrap: wrap;
gap: 8px 10px;
padding: 12px;
border-radius: 12px;
}
/* line 3435, app/assets/stylesheets/customers/birthday_blast.scss */
.upsell-popup-img {
width: 42px;
height: 32px;
border-radius: 6px;
}
/* line 3436, app/assets/stylesheets/customers/birthday_blast.scss */
.upsell-popup-name {
flex: 1 1 60%;
font-size: 13.5px;
}
/* line 3437, app/assets/stylesheets/customers/birthday_blast.scss */
.upsell-popup-check {
width: 22px;
height: 22px;
}
/* line 3438, app/assets/stylesheets/customers/birthday_blast.scss */
.upsell-popup-price-sel {
flex: 1 1 100%;
font-size: 14px;
padding: 9px 10px;
}
/* line 3439, app/assets/stylesheets/customers/birthday_blast.scss */
.upsell-popup-qty {
margin-left: auto;
}
/* line 3440, app/assets/stylesheets/customers/birthday_blast.scss */
.upsell-popup-qty button {
width: 32px;
height: 32px;
font-size: 18px;
}
/* line 3441, app/assets/stylesheets/customers/birthday_blast.scss */
.upsell-popup-qty span {
width: 32px;
font-size: 14px;
}
/* line 3442, app/assets/stylesheets/customers/birthday_blast.scss */
.popup-btns {
padding: 12px 18px 18px;
flex-direction: row;
gap: 8px;
}
/* line 3443, app/assets/stylesheets/customers/birthday_blast.scss */
.popup-no-btn, .popup-yes-btn {
font-size: 13.5px;
padding: 13px 8px;
}
/* line 3444, app/assets/stylesheets/customers/birthday_blast.scss */
.popup-no-btn {
flex: 0 0 38%;
}
/* line 3445, app/assets/stylesheets/customers/birthday_blast.scss */
.popup-yes-btn {
flex: 1;
}
/* line 3447, app/assets/stylesheets/customers/birthday_blast.scss */
body.modal-open .cart-sticky-bar,
body.modal-open .detail-bottom-bar {
transform: translateY(110%);
opacity: 0;
pointer-events: none;
}
/* line 3450, app/assets/stylesheets/customers/birthday_blast.scss */
.date-modal {
padding: 24px 18px 18px;
border-radius: 18px;
}
/* line 3451, app/assets/stylesheets/customers/birthday_blast.scss */
.date-modal-title {
font-size: 20px;
}
/* line 3452, app/assets/stylesheets/customers/birthday_blast.scss */
.date-modal-icon {
font-size: 34px;
}
/* line 3453, app/assets/stylesheets/customers/birthday_blast.scss */
.date-modal .booking-row {
grid-template-columns: 1fr;
}
/* line 3456, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-date-modal-fields {
grid-template-columns: 1fr;
grid-template-areas: "lbl-start" "inp-start" "lbl-end" "inp-end";
}
/* line 3465, app/assets/stylesheets/customers/birthday_blast.scss */
#tcModal > div {
padding: 22px 18px !important;
border-radius: 18px;
}
/* line 3466, app/assets/stylesheets/customers/birthday_blast.scss */
#tcModal h2 {
font-size: 22px !important;
}
/* line 3467, app/assets/stylesheets/customers/birthday_blast.scss */
#tcModal div[style*="font-size:13px"] {
font-size: 12.5px !important;
}
/* line 3470, app/assets/stylesheets/customers/birthday_blast.scss */
.toast-cart {
top: 66px;
bottom: auto;
right: 12px;
left: 12px;
width: auto;
padding: 14px 16px;
border-radius: 14px;
transform: translateY(-110px);
}
/* line 3471, app/assets/stylesheets/customers/birthday_blast.scss */
.toast-cart.show {
transform: translateY(0);
}
/* line 3474, app/assets/stylesheets/customers/birthday_blast.scss */
body {
overflow-x: hidden;
}
/* line 3475, app/assets/stylesheets/customers/birthday_blast.scss */
.order-item {
flex-wrap: wrap;
}
/* line 3476, app/assets/stylesheets/customers/birthday_blast.scss */
.order-item > div:nth-child(2) {
flex: 1 1 60%;
min-width: 0;
}
/* line 3477, app/assets/stylesheets/customers/birthday_blast.scss */
.order-item-price {
flex-shrink: 0;
}
/* line 3480, app/assets/stylesheets/customers/birthday_blast.scss */
.form-input, .booking-input, .coupon-input, .contact-textarea,
.hero-date-input, .browse-event-input, .date-modal-input,
.variant-select, .inline-dropdown-select, .upsell-popup-price-sel,
.custom-input-field, input[type="text"], input[type="email"],
input[type="tel"], input[type="date"], input[type="datetime-local"],
textarea, select {
font-size: 16px;
}
}
/* line 3491, app/assets/stylesheets/customers/birthday_blast.scss */
input.booking-input[type="date"],
input.form-input[type="date"],
input.browse-event-input[type="date"],
input.hero-date-input[type="date"],
input.date-modal-input[type="datetime-local"] {
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
background-color: #fff;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ff5722' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 12px center;
background-size: 16px;
padding-right: 38px;
min-height: 44px;
cursor: pointer;
font-family: inherit;
color: inherit;
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
/* line 3516, app/assets/stylesheets/customers/birthday_blast.scss */
input[type="date"]::-webkit-calendar-picker-indicator,
input[type="datetime-local"]::-webkit-calendar-picker-indicator {
opacity: 0;
position: absolute;
right: 0;
top: 0;
width: 42px;
height: 100%;
cursor: pointer;
background: transparent;
}
/* line 3527, app/assets/stylesheets/customers/birthday_blast.scss */
input[type="date"]:not(:focus):in-range::-webkit-datetime-edit-year-field,
input[type="date"]:not(:focus):in-range::-webkit-datetime-edit-month-field,
input[type="date"]:not(:focus):in-range::-webkit-datetime-edit-day-field {
color: #999;
}
/* line 3532, app/assets/stylesheets/customers/birthday_blast.scss */
input.booking-input[type="date"],
input.form-input[type="date"] {
min-width: 140px;
}
/* line 3536, app/assets/stylesheets/customers/birthday_blast.scss */
select.booking-input,
select.form-input,
select.variant-select,
select.inline-dropdown-select,
select.upsell-popup-price-sel {
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
background-color: #fff;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2.5' stroke-linecap='round'%3E%3Cpolyline points='6,9 12,15 18,9'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 12px center;
background-size: 12px;
padding-right: 32px;
min-height: 44px;
cursor: pointer;
font-family: inherit;
}
/* line 3555, app/assets/stylesheets/customers/birthday_blast.scss */
select.booking-input {
padding-right: 32px;
}
/* line 3556, app/assets/stylesheets/customers/birthday_blast.scss */
select.upsell-popup-price-sel {
padding-right: 28px;
background-position: right 8px center;
background-size: 10px;
}
/* line 3559, app/assets/stylesheets/customers/birthday_blast.scss */
input[type="date"]:focus,
input[type="datetime-local"]:focus,
select:focus {
outline: none;
border-color: var(--orange);
}
@media (max-width: 380px) {
/* line 3565, app/assets/stylesheets/customers/birthday_blast.scss */
.nav {
padding: 0 12px;
}
/* line 3566, app/assets/stylesheets/customers/birthday_blast.scss */
.btn-call {
display: none;
}
/* line 3567, app/assets/stylesheets/customers/birthday_blast.scss */
.logo {
font-size: 19px;
}
/* line 3568, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-h1 {
font-size: 32px;
}
/* line 3569, app/assets/stylesheets/customers/birthday_blast.scss */
.sec-h2, .sec-h2-wh {
font-size: 21px;
}
/* line 3570, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-title {
font-size: 21px;
}
/* line 3571, app/assets/stylesheets/customers/birthday_blast.scss */
.cat {
flex: 0 0 144px;
width: 144px;
height: 128px;
}
/* line 3572, app/assets/stylesheets/customers/birthday_blast.scss */
.cta-t {
font-size: 23px;
}
/* line 3573, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-sticky-amount {
font-size: 19px;
}
/* line 3574, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-sticky-btn {
padding: 11px 16px;
font-size: 12.5px;
}
/* line 3575, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-bb-price {
font-size: 20px;
}
/* line 3576, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-bb-cta {
padding: 11px 20px;
font-size: 13px;
}
}