/* 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;
--blue-text: #0077B3;
--pink-text: #DF0080;
--green-text: #008555;
--on-blue: #071526;
--on-pink: #071526;
--on-green: #071526;
}
/* line 51, 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 60, 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 69, 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 79, 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 85, 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 86, 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 99, 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 116, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-flash.bb-flash-hiding {
animation: bbFlashOut .28s ease forwards;
}
/* line 118, 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 130, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-flash button:hover {
opacity: .7;
}
/* line 133, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-flash.bb-flash-notice {
background: #fff;
border-left: 5px solid var(--green);
color: #1a1a1a;
}
/* line 134, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-flash.bb-flash-alert {
background: #fff;
border-left: 5px solid #ef4444;
color: #1a1a1a;
}
/* line 138, 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 138, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-template .alert_message_div {
max-width: calc(100% - 48px);
}
}
/* line 149, 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 165, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-template .alert_message_div .alert.alert-danger {
border-left: 5px solid #ef4444;
}
/* line 166, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-template .alert_message_div .alert.alert-success {
border-left: 5px solid var(--green);
}
/* line 167, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-template .alert_message_div .alert.alert-warning {
border-left: 5px solid #f59e0b;
}
/* line 168, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-template .alert_message_div .alert.alert-info {
border-left: 5px solid #3b82f6;
}
/* line 171, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-template .alert_message_div .message {
white-space: normal;
flex: 1;
min-width: 0;
}
/* line 177, 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 192, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-template .alert_message_div .close:hover {
opacity: .7;
}
/* line 197, 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 210, 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 219, app/assets/stylesheets/customers/birthday_blast.scss */
.logo .bb-logo-img {
max-height: 47px;
width: auto;
display: block;
}
/* line 226, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-logo--small .bb-logo-img {
max-height: 32px;
}
/* line 227, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-logo--medium .bb-logo-img {
max-height: 47px;
}
/* line 228, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-logo--large .bb-logo-img {
max-height: 64px;
}
/* line 230, app/assets/stylesheets/customers/birthday_blast.scss */
.nav-links {
display: flex;
height: 66px;
}
/* line 232, 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 245, app/assets/stylesheets/customers/birthday_blast.scss */
.nav-link:hover, .nav-link.on {
color: var(--orange);
border-bottom-color: var(--orange);
}
/* line 248, app/assets/stylesheets/customers/birthday_blast.scss */
.nav-r {
display: flex;
align-items: center;
gap: 10px;
}
/* line 250, 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 263, 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 279, 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 296, app/assets/stylesheets/customers/birthday_blast.scss */
.sec-sup {
font-size: 11px;
font-weight: 900;
letter-spacing: 3px;
text-transform: uppercase;
color: var(--primary-text);
margin-bottom: 6px;
}
/* line 302, 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 309, app/assets/stylesheets/customers/birthday_blast.scss */
.sec-h2-wh {
font-family: var(--font-headline);
font-size: 44px;
color: #fff;
line-height: 1;
}
/* line 316, app/assets/stylesheets/customers/birthday_blast.scss */
.sec-center {
text-align: center;
margin-bottom: 36px;
}
/* line 317, app/assets/stylesheets/customers/birthday_blast.scss */
.sec-label {
display: flex;
align-items: baseline;
gap: 16px;
margin-bottom: 36px;
}
/* line 319, 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 333, 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 347, 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 357, app/assets/stylesheets/customers/birthday_blast.scss */
.slash-down-light {
color: var(--light);
}
/* line 360, app/assets/stylesheets/customers/birthday_blast.scss */
.hero {
position: relative;
height: 560px;
overflow: hidden;
background: var(--navy);
}
/* line 367, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-img {
position: absolute;
inset: 0;
}
/* line 371, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-img img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center 35%;
}
/* line 373, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-img::after {
content: '';
position: absolute;
inset: 0;
background: var(--bb-hero-overlay, 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 384, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-hero-overlay {
position: absolute;
inset: 0;
z-index: 2;
pointer-events: none;
}
/* line 391, 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 402, 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 410, 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 422, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-h1 {
font-family: var(--font-headline);
font-size: 82px;
line-height: .92;
color: var(--bb-hero-text, #fff);
}
/* line 428, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-h1 .pop {
color: var(--yellow);
}
/* line 429, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-h1 .pop2 {
color: #FF9EBC;
}
/* line 432, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-sub {
font-size: 16px;
color: var(--bb-hero-text, rgba(255, 255, 255, 0.82));
line-height: 1.7;
max-width: 420px;
}
/* line 439, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-btns {
display: flex;
gap: 14px;
}
/* line 441, 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 453, 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 465, 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 475, 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 481, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-date-row {
display: flex;
gap: 10px;
align-items: center;
}
/* line 483, 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 496, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-date-btn {
background: var(--orange);
color: var(--on-primary);
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 509, 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;
padding: 4px 0;
}
/* line 519, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-skip:hover {
color: rgba(255, 255, 255, 0.8);
}
/* line 524, 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 533, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-hero-slide {
opacity: 0;
transition: opacity 0.6s ease-in-out;
z-index: 0;
}
/* line 538, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-hero-slide.active {
opacity: 1;
}
/* line 541, 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 558, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-hero-nav:hover {
background: rgba(255, 255, 255, 0.38);
}
/* line 561, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-hero-prev {
left: 20px;
}
/* line 562, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-hero-next {
right: 20px;
}
/* line 564, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-hero-dots {
position: absolute;
bottom: 7px;
left: 50%;
transform: translateX(-50%);
display: flex;
gap: 0;
z-index: 4;
}
/* line 574, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-hero-dot {
position: relative;
width: 32px;
height: 32px;
border: none;
background: transparent;
cursor: pointer;
padding: 0;
}
/* line 583, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-hero-dot::before {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 10px;
height: 10px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.45);
transition: background 0.2s, width 0.2s;
}
/* line 596, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-hero-dot.active::before {
background: #FFD600;
width: 28px;
border-radius: 5px;
}
@media (max-width: 600px) {
/* line 574, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-hero-dot {
width: 44px;
height: 44px;
}
}
@media (max-width: 600px) {
/* line 606, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-hero-nav {
display: none;
}
}
/* line 610, app/assets/stylesheets/customers/birthday_blast.scss */
.cats {
background: var(--light);
padding: 64px 48px 80px;
}
/* line 612, app/assets/stylesheets/customers/birthday_blast.scss */
.cat-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
/* line 614, 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 627, app/assets/stylesheets/customers/birthday_blast.scss */
.cat:nth-child(odd) {
transform: rotate(-1deg);
}
/* line 628, app/assets/stylesheets/customers/birthday_blast.scss */
.cat:nth-child(even) {
transform: rotate(1deg);
}
/* line 629, 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 631, 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 639, app/assets/stylesheets/customers/birthday_blast.scss */
.cat-bg {
position: absolute;
inset: 0;
}
/* line 643, app/assets/stylesheets/customers/birthday_blast.scss */
.cat-bg img {
width: 100%;
height: 100%;
object-fit: cover;
}
/* line 646, app/assets/stylesheets/customers/birthday_blast.scss */
.cat-tint {
position: absolute;
inset: 0;
opacity: .25;
mix-blend-mode: multiply;
}
/* line 647, app/assets/stylesheets/customers/birthday_blast.scss */
.cat-info {
position: relative;
z-index: 1;
}
/* line 648, app/assets/stylesheets/customers/birthday_blast.scss */
.cat-name {
font-family: var(--font-headline);
font-size: 22px;
color: #fff;
margin-bottom: 2px;
}
/* line 649, app/assets/stylesheets/customers/birthday_blast.scss */
.cat-sub {
font-size: 13px;
color: rgba(255, 255, 255, 0.85);
font-weight: 700;
}
/* line 651, 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 666, app/assets/stylesheets/customers/birthday_blast.scss */
.cat--image-only .cat-info {
display: none;
}
/* line 668, app/assets/stylesheets/customers/birthday_blast.scss */
.cat--below {
height: auto;
flex-direction: column;
align-items: stretch;
padding: 0;
}
/* line 674, app/assets/stylesheets/customers/birthday_blast.scss */
.cat--below:nth-child(odd) {
transform: none;
}
/* line 675, app/assets/stylesheets/customers/birthday_blast.scss */
.cat--below:nth-child(even) {
transform: none;
}
/* line 676, app/assets/stylesheets/customers/birthday_blast.scss */
.cat--below:hover {
transform: scale(1.02) !important;
}
/* line 677, app/assets/stylesheets/customers/birthday_blast.scss */
.cat--below::after {
display: none;
}
/* line 679, app/assets/stylesheets/customers/birthday_blast.scss */
.cat--below .cat-bg {
position: relative;
height: 180px;
flex-shrink: 0;
}
/* line 685, app/assets/stylesheets/customers/birthday_blast.scss */
.cat--below .cat-tint {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 180px;
}
/* line 691, app/assets/stylesheets/customers/birthday_blast.scss */
.cat--below .cat-info {
padding: 14px 18px 16px;
background: #fff;
}
/* line 696, app/assets/stylesheets/customers/birthday_blast.scss */
.cat--below .cat-name {
color: #1a1a1a;
font-size: 18px;
margin-bottom: 4px;
}
/* line 699, app/assets/stylesheets/customers/birthday_blast.scss */
.cat-cta {
display: inline-block;
margin-top: 4px;
font-size: 12px;
font-weight: 800;
color: var(--primary-text);
text-transform: uppercase;
letter-spacing: 1px;
}
/* line 710, app/assets/stylesheets/customers/birthday_blast.scss */
.prod-grid-4 {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
}
/* line 711, app/assets/stylesheets/customers/birthday_blast.scss */
.prod-grid-3 {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
/* line 713, 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 724, 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 729, app/assets/stylesheets/customers/birthday_blast.scss */
.prod-card:hover .prod-card-img img {
transform: scale(1.06);
}
/* line 730, app/assets/stylesheets/customers/birthday_blast.scss */
.prod-card:hover .prod-card-img::before {
opacity: 1;
}
/* line 735, app/assets/stylesheets/customers/birthday_blast.scss */
.prod-card-img {
aspect-ratio: 4/3;
position: relative;
overflow: hidden;
}
/* line 740, 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 742, 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 753, app/assets/stylesheets/customers/birthday_blast.scss */
.prod-accent {
height: 5px;
width: 100%;
}
/* line 754, app/assets/stylesheets/customers/birthday_blast.scss */
.prod-card-body {
padding: 18px 20px 22px;
flex: 1;
display: flex;
flex-direction: column;
}
/* line 755, 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;
color: var(--primary-text);
}
/* line 756, app/assets/stylesheets/customers/birthday_blast.scss */
.prod-card-name {
font-family: var(--font-headline);
font-size: 21px;
color: #1a1a1a;
margin-bottom: 6px;
}
/* line 757, app/assets/stylesheets/customers/birthday_blast.scss */
.prod-card-desc {
font-size: 12px;
color: #777;
margin-bottom: 14px;
line-height: 1.45;
}
/* line 758, app/assets/stylesheets/customers/birthday_blast.scss */
.prod-card-row {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: auto;
}
/* line 759, app/assets/stylesheets/customers/birthday_blast.scss */
.prod-card-price {
font-size: 20px;
font-weight: 900;
color: var(--orange);
}
/* line 761, app/assets/stylesheets/customers/birthday_blast.scss */
.prod-card-btn {
color: var(--on-primary);
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;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
min-width: 0;
}
/* line 778, app/assets/stylesheets/customers/birthday_blast.scss */
.g-rev-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
margin-top: 36px;
}
/* line 780, 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 788, app/assets/stylesheets/customers/birthday_blast.scss */
.g-top {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 10px;
}
/* line 790, 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 803, app/assets/stylesheets/customers/birthday_blast.scss */
.g-uname {
font-size: 14px;
font-weight: 800;
color: #202124;
}
/* line 804, app/assets/stylesheets/customers/birthday_blast.scss */
.g-udate {
font-size: 12px;
color: #70757a;
margin-top: 1px;
}
/* line 805, app/assets/stylesheets/customers/birthday_blast.scss */
.g-glogo {
margin-left: auto;
flex-shrink: 0;
}
/* line 806, app/assets/stylesheets/customers/birthday_blast.scss */
.g-stars {
color: #FBBC04;
font-size: 16px;
margin-bottom: 8px;
letter-spacing: 1px;
}
/* line 807, app/assets/stylesheets/customers/birthday_blast.scss */
.g-text {
font-size: 13px;
color: #3c4043;
line-height: 1.65;
}
/* line 810, 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 818, app/assets/stylesheets/customers/birthday_blast.scss */
.t-top {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 12px;
}
/* line 820, 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 833, app/assets/stylesheets/customers/birthday_blast.scss */
.t-avatar img {
width: 100%;
height: 100%;
object-fit: cover;
}
/* line 836, app/assets/stylesheets/customers/birthday_blast.scss */
.t-name {
font-size: 14px;
font-weight: 800;
color: #202124;
}
/* line 837, app/assets/stylesheets/customers/birthday_blast.scss */
.t-desig {
font-size: 12px;
color: #70757a;
margin-top: 1px;
}
/* line 838, app/assets/stylesheets/customers/birthday_blast.scss */
.t-stars {
color: #FBBC04;
font-size: 16px;
margin-bottom: 8px;
letter-spacing: 1px;
}
/* line 839, app/assets/stylesheets/customers/birthday_blast.scss */
.t-text {
font-size: 13px;
color: #3c4043;
line-height: 1.65;
}
/* line 842, 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 850, app/assets/stylesheets/customers/birthday_blast.scss */
.gcell {
border-radius: 22px;
overflow: hidden;
}
/* line 854, app/assets/stylesheets/customers/birthday_blast.scss */
.gcell.big {
grid-row: span 2;
}
/* line 856, app/assets/stylesheets/customers/birthday_blast.scss */
.gcell img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform .3s;
}
/* line 858, app/assets/stylesheets/customers/birthday_blast.scss */
.gcell:hover img {
transform: scale(1.04);
}
/* line 862, app/assets/stylesheets/customers/birthday_blast.scss */
.cta-sec {
background: var(--orange);
padding: 80px 48px;
text-align: center;
position: relative;
overflow: hidden;
}
/* line 870, app/assets/stylesheets/customers/birthday_blast.scss */
.cta-blob {
position: absolute;
border-radius: 50%;
background: rgba(255, 255, 255, 0.07);
}
/* line 872, app/assets/stylesheets/customers/birthday_blast.scss */
.cta-t {
font-family: var(--font-headline);
font-size: 54px;
color: var(--on-primary);
margin-bottom: 12px;
position: relative;
z-index: 1;
}
/* line 881, app/assets/stylesheets/customers/birthday_blast.scss */
.cta-s {
font-size: 17px;
color: var(--on-primary);
opacity: .88;
margin-bottom: 32px;
position: relative;
z-index: 1;
}
/* line 890, 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 907, app/assets/stylesheets/customers/birthday_blast.scss */
.faq-list {
display: flex;
flex-direction: column;
gap: 12px;
margin-top: 32px;
}
/* line 909, 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 916, app/assets/stylesheets/customers/birthday_blast.scss */
.faq-item.open .faq-a {
display: block;
}
/* line 917, app/assets/stylesheets/customers/birthday_blast.scss */
.faq-item.open .faq-ico {
transform: rotate(45deg);
background: var(--navy);
}
/* line 921, 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 933, 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 947, 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 950, app/assets/stylesheets/customers/birthday_blast.scss */
.footer {
background: var(--navy);
padding: 56px 80px 28px;
}
/* line 952, 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 959, app/assets/stylesheets/customers/birthday_blast.scss */
.footer-logo {
font-family: var(--font-headline);
font-size: 28px;
color: var(--yellow);
margin-bottom: 12px;
}
/* line 960, app/assets/stylesheets/customers/birthday_blast.scss */
.footer-logo .bb-logo-img {
max-height: 47px;
width: auto;
display: block;
}
/* line 961, 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 963, app/assets/stylesheets/customers/birthday_blast.scss */
.footer-call {
display: inline-flex;
align-items: center;
gap: 7px;
background: var(--orange);
color: var(--on-primary);
padding: 11px 24px;
border-radius: 999px;
font-size: 13px;
font-weight: 900;
border: none;
cursor: pointer;
text-decoration: none;
}
/* line 978, 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.7);
margin-bottom: 16px;
}
/* line 980, app/assets/stylesheets/customers/birthday_blast.scss */
.footer-link {
display: block;
padding: 2px 0;
font-size: 13px;
color: rgba(255, 255, 255, 0.5);
margin-bottom: 9px;
cursor: pointer;
transition: color .15s;
text-decoration: none;
}
/* line 990, app/assets/stylesheets/customers/birthday_blast.scss */
.footer-link:hover {
color: #fff;
}
/* line 993, app/assets/stylesheets/customers/birthday_blast.scss */
.footer-socials {
display: flex;
gap: 10px;
margin-top: 16px;
}
/* line 995, 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 1007, 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 1017, app/assets/stylesheets/customers/birthday_blast.scss */
.footer-copy {
font-size: 12px;
color: rgba(255, 255, 255, 0.6);
}
/* line 1019, app/assets/stylesheets/customers/birthday_blast.scss */
.footer-tc {
display: inline-block;
padding: 4px 0;
font-size: 12px;
color: rgba(255, 255, 255, 0.6);
text-decoration: none;
cursor: pointer;
}
/* line 1027, app/assets/stylesheets/customers/birthday_blast.scss */
.footer-tc:hover {
color: rgba(255, 255, 255, 0.85);
}
/* line 1031, 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 1045, 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 1055, app/assets/stylesheets/customers/birthday_blast.scss */
.nav-toggle.open span:nth-child(1) {
transform: translateY(7.5px) rotate(45deg);
}
/* line 1056, app/assets/stylesheets/customers/birthday_blast.scss */
.nav-toggle.open span:nth-child(2) {
opacity: 0;
}
/* line 1057, app/assets/stylesheets/customers/birthday_blast.scss */
.nav-toggle.open span:nth-child(3) {
transform: translateY(-7.5px) rotate(-45deg);
}
/* line 1061, 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 1068, app/assets/stylesheets/customers/birthday_blast.scss */
.nav-backdrop.on {
display: block;
}
/* line 1072, 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 1088, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-bottom-bar.hidden {
transform: translateY(110%);
opacity: 0;
pointer-events: none;
}
/* line 1091, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-bb-info {
display: flex;
flex-direction: column;
line-height: 1.1;
}
/* line 1092, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-bb-label {
font-size: 11px;
color: #888;
font-weight: 700;
letter-spacing: .4px;
}
/* line 1093, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-bb-price {
font-family: var(--font-headline);
font-size: 22px;
color: var(--orange);
}
/* line 1095, 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 1109, app/assets/stylesheets/customers/birthday_blast.scss */
.inner-hero {
position: relative;
height: 340px;
overflow: hidden;
background: var(--navy);
}
/* line 1115, app/assets/stylesheets/customers/birthday_blast.scss */
.inner-hero img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center 40%;
}
/* line 1117, 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 1127, 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 1128, app/assets/stylesheets/customers/birthday_blast.scss */
.inner-hero-title {
font-family: var(--font-headline);
font-size: 60px;
color: #fff;
line-height: 1;
}
/* line 1129, 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 1132, app/assets/stylesheets/customers/birthday_blast.scss */
.browse-wrap {
background: var(--light);
padding: 48px;
}
/* line 1134, app/assets/stylesheets/customers/birthday_blast.scss */
.filter-bar {
display: flex;
gap: 10px;
flex-wrap: wrap;
margin-bottom: 36px;
}
/* line 1136, 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 1150, app/assets/stylesheets/customers/birthday_blast.scss */
.filter-chip:hover {
border-color: var(--orange);
color: var(--orange);
}
/* line 1151, app/assets/stylesheets/customers/birthday_blast.scss */
.filter-chip.on {
background: var(--orange);
color: #fff;
border-color: var(--orange);
}
/* line 1154, app/assets/stylesheets/customers/birthday_blast.scss */
.browse-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
--booked-divider-font: var(--font-headline);
}
/* line 1157, app/assets/stylesheets/customers/birthday_blast.scss */
.prod-card.is-booked:hover {
transform: none;
box-shadow: 0 6px 28px rgba(0, 0, 0, 0.08);
}
/* line 1160, app/assets/stylesheets/customers/birthday_blast.scss */
.prod-card.is-booked:hover .prod-card-img img {
transform: none;
}
/* line 1161, app/assets/stylesheets/customers/birthday_blast.scss */
.prod-card.is-booked:hover .prod-card-img::before {
opacity: 0;
}
/* line 1163, app/assets/stylesheets/customers/birthday_blast.scss */
.prod-card.is-booked .prod-accent {
background: #D9D4CF;
}
/* line 1164, app/assets/stylesheets/customers/birthday_blast.scss */
.prod-card.is-booked .prod-card-cat {
color: #9A9AA5;
}
/* line 1165, app/assets/stylesheets/customers/birthday_blast.scss */
.prod-card.is-booked .prod-card-price {
color: #A3A3AD;
}
/* line 1168, app/assets/stylesheets/customers/birthday_blast.scss */
.prod-card-btn--outline {
background: #fff;
color: color-mix(in srgb, var(--card-accent, var(--orange)) 70%, #000);
border: 2px solid var(--card-accent, var(--orange));
box-shadow: none;
padding: 8px 18px;
transition: background .15s, color .15s;
}
/* line 1176, app/assets/stylesheets/customers/birthday_blast.scss */
.prod-card:hover .prod-card-btn--outline {
background: var(--card-accent, var(--orange));
color: #fff;
}
/* line 1179, 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 1191, app/assets/stylesheets/customers/birthday_blast.scss */
.browse-event-bar-left {
display: flex;
align-items: center;
gap: 14px;
flex: 1;
min-width: 200px;
}
/* line 1193, 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 1205, app/assets/stylesheets/customers/birthday_blast.scss */
.browse-event-bar-label {
font-size: 15px;
font-weight: 900;
color: #1a1a1a;
}
/* line 1206, app/assets/stylesheets/customers/birthday_blast.scss */
.browse-event-bar-sub {
font-size: 14px;
color: #999;
font-weight: 700;
}
/* line 1208, app/assets/stylesheets/customers/birthday_blast.scss */
.browse-event-bar-sub.has-date {
color: var(--green);
font-weight: 800;
}
/* line 1211, app/assets/stylesheets/customers/birthday_blast.scss */
.browse-event-bar-right {
display: flex;
align-items: center;
gap: 10px;
flex-shrink: 0;
}
/* line 1213, 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 1226, app/assets/stylesheets/customers/birthday_blast.scss */
.browse-event-input:focus {
border-color: var(--orange);
}
/* line 1227, app/assets/stylesheets/customers/birthday_blast.scss */
.browse-event-input.filled {
border-color: var(--orange);
background-color: #FFF4F0;
}
/* line 1230, 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 1243, app/assets/stylesheets/customers/birthday_blast.scss */
.browse-event-btn:hover {
transform: translateY(-1px);
}
/* line 1246, 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 1259, app/assets/stylesheets/customers/birthday_blast.scss */
.browse-event-clear:hover {
color: var(--orange);
}
/* line 1262, 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 1272, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-back-link:hover {
color: var(--orange);
}
/* line 1276, 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 1278, app/assets/stylesheets/customers/birthday_blast.scss */
.about-story-img {
border-radius: 28px;
overflow: hidden;
aspect-ratio: 4/3;
position: relative;
}
/* line 1284, 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 1287, 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 1289, 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 1294, app/assets/stylesheets/customers/birthday_blast.scss */
.about-stat:last-child {
border-right: none;
}
/* line 1297, 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 1298, 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 1299, app/assets/stylesheets/customers/birthday_blast.scss */
.about-faq {
padding: 72px 80px;
max-width: 900px;
margin: 0 auto;
}
/* line 1302, app/assets/stylesheets/customers/birthday_blast.scss */
.about-faq--page {
padding-top: 0;
}
/* line 1305, 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 1318, app/assets/stylesheets/customers/birthday_blast.scss */
.about-reviews-bar-left {
flex: 1;
min-width: 260px;
}
/* line 1320, 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 1326, 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 1333, 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 1343, app/assets/stylesheets/customers/birthday_blast.scss */
.about-reviews-glogo {
flex-shrink: 0;
}
/* line 1345, app/assets/stylesheets/customers/birthday_blast.scss */
.about-reviews-score-row {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 4px;
}
/* line 1352, app/assets/stylesheets/customers/birthday_blast.scss */
.about-reviews-score {
font-family: var(--font-headline);
font-size: 48px;
color: #fff;
line-height: 1;
}
/* line 1359, app/assets/stylesheets/customers/birthday_blast.scss */
.about-reviews-stars-col {
display: flex;
flex-direction: column;
gap: 4px;
}
/* line 1360, app/assets/stylesheets/customers/birthday_blast.scss */
.about-reviews-stars-row {
display: flex;
gap: 3px;
}
/* line 1361, app/assets/stylesheets/customers/birthday_blast.scss */
.about-reviews-star {
color: #FBBC04;
font-size: 22px;
}
/* line 1362, app/assets/stylesheets/customers/birthday_blast.scss */
.about-reviews-count {
font-size: 13px;
color: rgba(255, 255, 255, 0.55);
font-weight: 700;
}
/* line 1365, app/assets/stylesheets/customers/birthday_blast.scss */
.about-content-wrap {
padding: 56px 80px;
}
/* line 1366, app/assets/stylesheets/customers/birthday_blast.scss */
.about-content-inner {
max-width: 860px;
margin: 0 auto;
}
/* line 1367, app/assets/stylesheets/customers/birthday_blast.scss */
.about-content-sup {
margin-bottom: 14px;
}
/* line 1368, app/assets/stylesheets/customers/birthday_blast.scss */
.about-content-text {
font-size: 15px;
color: #555;
line-height: 1.85;
margin-bottom: 16px;
}
/* line 1370, app/assets/stylesheets/customers/birthday_blast.scss */
.about-content-text:last-child {
margin-bottom: 0;
}
/* line 1374, 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 1376, 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 1384, 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 1385, 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 1386, app/assets/stylesheets/customers/birthday_blast.scss */
.contact-card-val {
font-size: 15px;
color: #555;
font-weight: 700;
line-height: 1.6;
}
/* line 1387, app/assets/stylesheets/customers/birthday_blast.scss */
.contact-card-val-sub {
font-size: 12px;
color: #aaa;
font-weight: 700;
}
/* line 1393, app/assets/stylesheets/customers/birthday_blast.scss */
.contact-info-section {
background: var(--light);
padding: 48px 80px 0;
max-width: 1100px;
margin: 0 auto;
}
/* line 1399, app/assets/stylesheets/customers/birthday_blast.scss */
.contact-info-section .contact-cards {
padding: 0;
margin: 0;
max-width: none;
}
/* line 1402, app/assets/stylesheets/customers/birthday_blast.scss */
.contact-form-wrap {
padding: 40px 80px 80px;
max-width: 800px;
margin: 0 auto;
}
/* line 1404, 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 1411, 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 1414, 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 1426, app/assets/stylesheets/customers/birthday_blast.scss */
.form-check--consent {
margin-bottom: 20px;
align-items: flex-start;
}
/* line 1427, app/assets/stylesheets/customers/birthday_blast.scss */
.form-check-input {
margin-top: 2px;
flex-shrink: 0;
align-self: flex-start;
}
/* line 1428, 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 1430, 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 1442, app/assets/stylesheets/customers/birthday_blast.scss */
.contact-textarea:focus {
border-color: var(--orange);
}
/* line 1444, app/assets/stylesheets/customers/birthday_blast.scss */
.contact-textarea::placeholder {
color: #b8bfc8;
font-weight: 400;
opacity: 1;
}
/* line 1451, 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 1464, app/assets/stylesheets/customers/birthday_blast.scss */
.form-grid-2 {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 14px;
}
/* line 1466, app/assets/stylesheets/customers/birthday_blast.scss */
.form-group {
display: flex;
flex-direction: column;
gap: 6px;
margin-bottom: 14px;
}
/* line 1472, app/assets/stylesheets/customers/birthday_blast.scss */
.form-group:last-child {
margin-bottom: 0;
}
/* line 1475, 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 1477, 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 1489, app/assets/stylesheets/customers/birthday_blast.scss */
.form-input:focus {
border-color: var(--orange);
}
/* line 1491, app/assets/stylesheets/customers/birthday_blast.scss */
.form-input::placeholder {
color: #b8bfc8;
font-weight: 400;
opacity: 1;
}
/* line 1498, 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 1509, app/assets/stylesheets/customers/birthday_blast.scss */
.form-check input {
width: 18px;
height: 18px;
accent-color: var(--orange);
}
/* line 1513, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-wrap {
background: #fff;
padding: 48px;
}
/* line 1514, 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 1516, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-sticky-col {
position: sticky;
top: 90px;
max-height: calc(100vh - 110px);
overflow-y: auto;
}
/* line 1522, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-sticky-col::-webkit-scrollbar {
width: 0;
}
/* line 1525, 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 1533, 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 1536, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-thumbs {
display: flex;
gap: 10px;
flex-wrap: wrap;
}
/* line 1538, 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 1549, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-thumb img {
width: 100%;
height: 100%;
object-fit: cover;
}
/* line 1551, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-thumb.active {
border-color: var(--orange);
}
/* line 1554, 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 1555, 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 1556, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-price {
font-size: 32px;
font-weight: 900;
color: var(--orange);
margin-top: 10px;
}
/* line 1557, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-price span {
font-size: 16px;
color: #999;
font-weight: 700;
}
/* line 1559, 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 1560, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-specs--desc-only {
grid-template-columns: 1fr;
}
/* line 1562, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-spec {
display: flex;
flex-direction: column;
gap: 2px;
}
/* line 1563, 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 1564, 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 1565, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-spec-val {
font-size: 14px;
font-weight: 800;
color: #1a1a1a;
}
/* line 1566, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-spec-val--desc {
font-size: 13px;
font-weight: 600;
color: #555;
line-height: 1.6;
}
/* line 1568, app/assets/stylesheets/customers/birthday_blast.scss */
.long-desc-block {
background: var(--light);
border-radius: 16px;
padding: 24px;
margin-top: 20px;
}
/* line 1575, 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 1578, 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 1579, app/assets/stylesheets/customers/birthday_blast.scss */
.long-desc-block p {
margin-bottom: 14px;
}
/* line 1580, app/assets/stylesheets/customers/birthday_blast.scss */
.long-desc-block strong {
color: #1a1a1a;
}
/* line 1584, app/assets/stylesheets/customers/birthday_blast.scss */
.booking-panel {
background: var(--light);
border: 2px solid #FFE0CC;
border-radius: 28px;
padding: 24px;
}
/* line 1591, 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 1592, 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 1593, app/assets/stylesheets/customers/birthday_blast.scss */
.booking-field {
display: flex;
flex-direction: column;
gap: 6px;
min-width: 0;
}
/* line 1594, 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 1596, 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 1608, app/assets/stylesheets/customers/birthday_blast.scss */
.booking-input:focus {
border-color: var(--orange);
}
/* line 1610, app/assets/stylesheets/customers/birthday_blast.scss */
.booking-input.bb-readonly {
background: #f9fafb;
color: #888;
cursor: not-allowed;
display: flex;
align-items: center;
}
/* line 1611, 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 1613, app/assets/stylesheets/customers/birthday_blast.scss */
.booking-input.bb-visible-date[readonly] {
background-color: #fff;
}
/* line 1616, 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 1624, 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 1634, 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 1635, app/assets/stylesheets/customers/birthday_blast.scss */
.booking-fee {
font-size: 13px;
color: var(--blue);
font-weight: 700;
margin-bottom: 12px;
}
/* line 1637, app/assets/stylesheets/customers/birthday_blast.scss */
.booking-qty-row {
display: flex;
align-items: center;
gap: 14px;
margin-bottom: 16px;
}
/* line 1638, app/assets/stylesheets/customers/birthday_blast.scss */
.qty-label {
font-size: 12px;
font-weight: 800;
color: #555;
}
/* line 1640, app/assets/stylesheets/customers/birthday_blast.scss */
.qty-ctrl {
display: flex;
align-items: center;
border: 2px solid #e5e7eb;
border-radius: 999px;
background: #fff;
}
/* line 1648, 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 1649, app/assets/stylesheets/customers/birthday_blast.scss */
.qty-ctrl .qty-btn:first-child {
border-radius: 999px 0 0 999px;
}
/* line 1650, app/assets/stylesheets/customers/birthday_blast.scss */
.qty-ctrl .qty-btn:last-child {
border-radius: 0 999px 999px 0;
}
/* line 1651, app/assets/stylesheets/customers/birthday_blast.scss */
.qty-btn.is-disabled {
opacity: 0.5;
cursor: not-allowed;
}
/* line 1652, app/assets/stylesheets/customers/birthday_blast.scss */
.qty-btn[data-tooltip] {
position: relative;
}
/* line 1653, app/assets/stylesheets/customers/birthday_blast.scss */
.qty-btn[data-tooltip]:hover::after {
content: attr(data-tooltip);
position: absolute;
bottom: calc(100% + 6px);
left: 50%;
transform: translateX(-50%);
background: rgba(0, 0, 0, 0.78);
color: #fff;
padding: 4px 10px;
border-radius: 5px;
font-size: 12px;
font-weight: 500;
white-space: nowrap;
pointer-events: none;
z-index: 200;
}
/* line 1669, app/assets/stylesheets/customers/birthday_blast.scss */
.qty-val {
width: 40px;
text-align: center;
font-size: 16px;
font-weight: 900;
color: #1a1a1a;
}
/* line 1671, 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 1684, app/assets/stylesheets/customers/birthday_blast.scss */
.booking-cta:hover {
filter: brightness(1.05);
}
/* line 1685, app/assets/stylesheets/customers/birthday_blast.scss */
.booking-cta:disabled {
opacity: .55;
cursor: not-allowed;
box-shadow: none;
}
/* line 1689, 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 1690, app/assets/stylesheets/customers/birthday_blast.scss */
.booking-panel #setup-fee {
font-weight: 800;
}
/* line 1691, app/assets/stylesheets/customers/birthday_blast.scss */
.booking-panel .booking-price-row {
margin-bottom: 14px;
}
/* line 1692, 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 1694, 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 1701, 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 1703, 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 1712, 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 1715, app/assets/stylesheets/customers/birthday_blast.scss */
.booking-panel #additional-fees:not(:empty) .bb-fee-row-amount {
font-weight: 900;
flex-shrink: 0;
}
/* line 1720, app/assets/stylesheets/customers/birthday_blast.scss */
.duration-section {
margin-bottom: 14px;
}
/* line 1722, 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 1726, app/assets/stylesheets/customers/birthday_blast.scss */
.duration-options {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
/* line 1728, 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 1742, app/assets/stylesheets/customers/birthday_blast.scss */
.dur-radio:hover {
border-color: var(--orange);
}
/* line 1743, app/assets/stylesheets/customers/birthday_blast.scss */
.dur-radio.on {
border-color: var(--orange);
background: #FFF4F0;
color: var(--orange);
}
/* line 1745, app/assets/stylesheets/customers/birthday_blast.scss */
.dur-radio input {
accent-color: var(--orange);
}
/* line 1749, app/assets/stylesheets/customers/birthday_blast.scss */
.included-items {
margin-bottom: 14px;
}
/* line 1751, 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 1762, 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 1774, app/assets/stylesheets/customers/birthday_blast.scss */
.included-item-thumb img {
width: 100%;
height: 100%;
object-fit: cover;
}
/* line 1777, app/assets/stylesheets/customers/birthday_blast.scss */
.included-item-name {
font-size: 13px;
font-weight: 700;
color: #1a1a1a;
flex: 1;
}
/* line 1778, app/assets/stylesheets/customers/birthday_blast.scss */
.included-item-select {
font-size: 12px;
color: var(--blue);
font-weight: 700;
}
/* line 1780, 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 1792, app/assets/stylesheets/customers/birthday_blast.scss */
.choose-variant-btn:hover {
filter: brightness(1.05);
}
/* line 1796, app/assets/stylesheets/customers/birthday_blast.scss */
.variant-section {
margin-bottom: 12px;
}
/* line 1798, 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 1810, app/assets/stylesheets/customers/birthday_blast.scss */
.variant-select:focus {
border-color: var(--orange);
}
/* line 1813, 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 1824, app/assets/stylesheets/customers/birthday_blast.scss */
.custom-input-field:focus {
border-color: var(--orange);
}
/* line 1825, app/assets/stylesheets/customers/birthday_blast.scss */
.custom-input-field::placeholder {
color: #aaa;
}
/* line 1829, 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 1835, app/assets/stylesheets/customers/birthday_blast.scss */
.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
background-color: #FFF4F0;
color: var(--orange);
}
/* line 1838, app/assets/stylesheets/customers/birthday_blast.scss */
.daterangepicker td.active,
.daterangepicker td.active:hover {
background-color: var(--orange) !important;
color: #fff;
}
/* line 1841, app/assets/stylesheets/customers/birthday_blast.scss */
.daterangepicker .btn-primary,
.daterangepicker .btn-success {
background-color: var(--orange) !important;
border-color: var(--orange) !important;
}
/* line 1844, 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 1852, 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 1862, 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 1869, 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 1878, 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 1885, app/assets/stylesheets/customers/birthday_blast.scss */
body.bb-template .k-calendar .k-nav-fast:hover {
color: var(--orange) !important;
background: none !important;
}
/* line 1888, 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 1892, 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 1896, 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 1907, 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 1909, app/assets/stylesheets/customers/birthday_blast.scss */
body.bb-template .k-calendar td {
padding: 2px !important;
}
/* line 1911, 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 1917, 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 1923, 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 1930, 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 1936, 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 1942, 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 1948, 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 1959, 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 1965, 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 1968, 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 1977, 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 1987, app/assets/stylesheets/customers/birthday_blast.scss */
body.bb-template .k-time-list {
font-family: var(--font-body) !important;
}
/* line 1990, 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 1999, 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 2005, 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 2013, 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 2022, app/assets/stylesheets/customers/birthday_blast.scss */
.overnight-card:hover {
border-color: var(--orange);
}
/* line 2023, app/assets/stylesheets/customers/birthday_blast.scss */
.overnight-card.active {
border-color: var(--orange);
background: #FFF8F5;
}
/* line 2026, app/assets/stylesheets/customers/birthday_blast.scss */
.overnight-card-top {
display: flex;
align-items: flex-start;
gap: 12px;
}
/* line 2027, app/assets/stylesheets/customers/birthday_blast.scss */
.overnight-checkbox {
width: 20px;
height: 20px;
accent-color: var(--orange);
flex-shrink: 0;
margin-top: 2px;
}
/* line 2028, app/assets/stylesheets/customers/birthday_blast.scss */
.overnight-title {
font-size: 14px;
font-weight: 800;
color: #1a1a1a;
flex: 1;
cursor: pointer;
}
/* line 2029, app/assets/stylesheets/customers/birthday_blast.scss */
.overnight-price {
font-size: 14px;
font-weight: 900;
color: var(--green);
white-space: nowrap;
}
/* line 2030, 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 2031, 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 2032, app/assets/stylesheets/customers/birthday_blast.scss */
.overnight-tags {
display: flex;
gap: 6px;
margin-top: 10px;
margin-left: 32px;
flex-wrap: wrap;
}
/* line 2034, app/assets/stylesheets/customers/birthday_blast.scss */
.overnight-tag {
padding: 3px 10px;
border-radius: 999px;
font-size: 11px;
font-weight: 800;
}
/* line 2040, app/assets/stylesheets/customers/birthday_blast.scss */
.overnight-tag.tag-orange {
background: #FFF4F0;
color: var(--orange);
border: 1px solid #FFD6C0;
}
/* line 2041, app/assets/stylesheets/customers/birthday_blast.scss */
.overnight-tag.tag-gray {
background: #f3f4f6;
color: #555;
border: 1px solid #e5e7eb;
}
/* line 2045, 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 2046, app/assets/stylesheets/customers/birthday_blast.scss */
.inline-dropdown-qty {
font-size: 13px;
font-weight: 700;
color: #555;
white-space: nowrap;
}
/* line 2047, app/assets/stylesheets/customers/birthday_blast.scss */
.inline-dropdown-name {
font-size: 13px;
font-weight: 700;
color: #1a1a1a;
flex: 1;
}
/* line 2048, 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 2051, 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 2052, 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 2053, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-error-quantity {
display: none;
color: #dc2626;
font-size: 12px;
font-weight: 700;
}
/* line 2054, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-detail-header {
margin-top: 24px;
}
/* line 2055, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-bundle-icon {
display: inline-block;
height: 28px;
width: 28px;
vertical-align: middle;
margin-left: 6px;
}
/* line 2056, 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 2057, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-no-durations-note {
font-size: 12px;
color: #b45309;
margin-top: 6px;
}
/* line 2058, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-required-star {
color: #dc2626;
}
/* line 2059, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-item-body {
flex: 1;
}
/* line 2060, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-qty-input {
border: none;
background: transparent;
outline: none;
}
/* line 2062, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-addons-section {
background: #fff;
padding: 48px;
margin: 0 auto;
}
/* line 2063, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-addons-grid {
margin-top: 24px;
}
/* line 2066, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-cart-header {
background: var(--light);
padding: 32px 48px 0;
}
/* line 2070, 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 2071, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-cart-header p {
font-size: 14px;
color: #888;
margin-top: 6px;
font-weight: 700;
}
/* line 2074, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-wrap {
background: var(--light);
padding: 48px;
min-height: 60vh;
padding-bottom: 100px;
}
/* line 2075, 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 2076, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-items {
display: flex;
flex-direction: column;
gap: 16px;
}
/* line 2078, 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 2088, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-empty-state.show {
display: flex;
}
/* line 2091, 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 2092, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-empty-title {
font-family: var(--font-headline);
font-size: 28px;
color: #1a1a1a;
margin-bottom: 8px;
}
/* line 2093, 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 2094, 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 2096, 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 2107, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-item-img {
border-radius: 12px;
overflow: hidden;
aspect-ratio: 4/3;
position: relative;
}
/* line 2113, 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 2116, 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 2117, 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 2118, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-item-date {
font-size: 12px;
color: #888;
font-weight: 700;
}
/* line 2119, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-item-fees {
font-size: 11px;
color: #1e40af;
font-weight: 700;
margin-top: 3px;
}
/* line 2120, 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 2121, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-item-right {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 10px;
}
/* line 2122, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-item-price {
font-size: 20px;
font-weight: 900;
color: var(--orange);
}
/* line 2124, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-qty {
display: flex;
align-items: center;
border: 2px solid #e5e7eb;
border-radius: 999px;
}
/* line 2125, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-qty .cart-qty-btn:first-child {
border-radius: 999px 0 0 999px;
}
/* line 2126, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-qty .cart-qty-btn:last-child {
border-radius: 0 999px 999px 0;
}
/* line 2128, 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;
position: relative;
}
/* line 2142, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-qty-btn:hover:not(.is-disabled) {
background: #f9fafb;
}
/* line 2144, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-qty-btn.is-disabled {
opacity: 0.5;
cursor: not-allowed;
}
/* line 2145, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-qty-btn[data-tooltip]:hover::after {
content: attr(data-tooltip);
position: absolute;
bottom: calc(100% + 6px);
left: 50%;
transform: translateX(-50%);
background: rgba(0, 0, 0, 0.78);
color: #fff;
padding: 4px 10px;
border-radius: 5px;
font-size: 12px;
font-weight: 500;
white-space: nowrap;
pointer-events: none;
z-index: 200;
}
/* line 2162, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-qty-val {
width: 32px;
text-align: center;
font-size: 14px;
font-weight: 900;
color: #1a1a1a;
}
/* line 2164, 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 2174, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-remove:hover {
color: #b91c1c;
}
/* line 2177, 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 2193, app/assets/stylesheets/customers/birthday_blast.scss */
.change-date-btn:hover {
text-decoration-color: var(--orange);
}
/* line 2197, 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 2207, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-summary-title {
font-family: var(--font-headline);
font-size: 24px;
color: #1a1a1a;
margin-bottom: 20px;
}
/* line 2209, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-line {
display: flex;
justify-content: space-between;
font-size: 14px;
color: #555;
margin-bottom: 12px;
}
/* line 2216, 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 2219, 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 2236, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-checkout-btn:hover {
filter: brightness(1.05);
color: #fff;
}
/* line 2239, 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 2254, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-continue:hover {
border-color: #bbb;
color: #1a1a1a;
}
/* line 2258, 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 2273, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-sticky-bar.hidden {
transform: translateY(110%);
opacity: 0;
pointer-events: none;
}
/* line 2276, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-sticky-total {
display: flex;
flex-direction: column;
}
/* line 2277, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-sticky-label {
font-size: 12px;
color: #888;
font-weight: 700;
}
/* line 2278, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-sticky-amount {
font-family: var(--font-headline);
font-size: 26px;
color: #1a1a1a;
}
/* line 2280, 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 2294, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-sticky-btn:hover {
filter: brightness(1.05);
color: #fff;
}
/* line 2297, app/assets/stylesheets/customers/birthday_blast.scss */
.upsell-sec {
padding: 48px;
background: #fff;
}
/* line 2300, 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 2311, 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 2319, 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 2330, 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 2348, app/assets/stylesheets/customers/birthday_blast.scss */
.date-modal-close:hover {
background: #f3f4f6;
color: #1a1a1a;
}
/* line 2351, app/assets/stylesheets/customers/birthday_blast.scss */
.date-modal-icon {
text-align: center;
font-size: 42px;
margin-bottom: 6px;
}
/* line 2352, 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 2354, 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 2370, app/assets/stylesheets/customers/birthday_blast.scss */
.date-modal-save:hover {
transform: translateY(-2px);
}
/* line 2373, 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 2380, 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 2383, 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 2397, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-date-modal-label-start {
grid-area: lbl-start;
}
/* line 2398, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-date-modal-label-end {
grid-area: lbl-end;
}
/* line 2399, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-date-modal-input-start {
grid-area: inp-start;
min-width: 0;
overflow: hidden;
}
/* line 2400, 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 2415, 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 2432, app/assets/stylesheets/customers/birthday_blast.scss */
.toast-cart.show {
transform: translateX(0);
opacity: 1;
pointer-events: auto;
}
/* line 2435, app/assets/stylesheets/customers/birthday_blast.scss */
.toast-cart-header {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 10px;
}
/* line 2437, 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 2452, app/assets/stylesheets/customers/birthday_blast.scss */
.toast-cart-title {
font-family: var(--font-headline);
font-size: 16px;
color: #1a1a1a;
flex: 1;
}
/* line 2454, 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 2468, app/assets/stylesheets/customers/birthday_blast.scss */
.toast-cart-close:hover {
color: #555;
}
/* line 2471, 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 2472, app/assets/stylesheets/customers/birthday_blast.scss */
.toast-cart-actions {
display: flex;
gap: 8px;
}
/* line 2474, 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 2489, app/assets/stylesheets/customers/birthday_blast.scss */
.toast-btn.toast-btn-secondary {
background: #fff;
color: #555;
border: 2px solid #e5e7eb;
}
/* line 2490, app/assets/stylesheets/customers/birthday_blast.scss */
.toast-btn.toast-btn-secondary:hover {
border-color: #bbb;
color: #1a1a1a;
}
/* line 2492, app/assets/stylesheets/customers/birthday_blast.scss */
.toast-btn.toast-btn-primary {
background: var(--orange);
color: var(--on-primary);
box-shadow: 0 4px 12px color-mix(in srgb, var(--primary) 30%, transparent);
}
/* line 2493, app/assets/stylesheets/customers/birthday_blast.scss */
.toast-btn.toast-btn-primary:hover {
filter: brightness(1.05);
color: #fff;
}
/* line 2497, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-badge.pulse {
animation: bbBadgePulse 0.5s cubic-bezier(0.22, 1.4, 0.36, 1);
}
/* line 2500, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-checkout-header {
background: var(--light);
padding: 32px 48px 0;
}
/* line 2504, 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 2505, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-checkout-header > p {
font-size: 14px;
color: #888;
margin-top: 6px;
font-weight: 700;
}
/* line 2508, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-checkout-steps {
display: flex;
gap: 0;
margin-top: 20px;
max-width: 600px;
}
/* line 2510, 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 2519, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-checkout-step.inactive {
border-bottom: 2px solid #e5e7eb;
color: #aaa;
}
/* line 2522, app/assets/stylesheets/customers/birthday_blast.scss */
.checkout-wrap {
background: var(--light);
padding: 48px;
min-height: 60vh;
}
/* line 2523, 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 2524, app/assets/stylesheets/customers/birthday_blast.scss */
.checkout-form-wrap {
display: flex;
flex-direction: column;
gap: 24px;
}
/* line 2526, 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 2533, 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 2534, 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 2536, 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 2548, app/assets/stylesheets/customers/birthday_blast.scss */
.surface-opt.on {
border-color: var(--orange);
background: #FFF8F5;
}
/* line 2550, app/assets/stylesheets/customers/birthday_blast.scss */
.surface-opt input {
accent-color: var(--orange);
width: 16px;
height: 16px;
flex-shrink: 0;
}
/* line 2553, app/assets/stylesheets/customers/birthday_blast.scss */
.surface-opt-label {
flex: 1;
font-size: 14px;
font-weight: 700;
color: #1a1a1a;
}
/* line 2554, app/assets/stylesheets/customers/birthday_blast.scss */
.surface-opt-price {
font-size: 13px;
font-weight: 900;
color: var(--orange);
}
/* line 2556, app/assets/stylesheets/customers/birthday_blast.scss */
.payment-opts {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 10px;
margin-bottom: 18px;
}
/* line 2558, 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 2567, app/assets/stylesheets/customers/birthday_blast.scss */
.pay-opt.on {
border-color: var(--orange);
background: #FFF4F0;
}
/* line 2570, app/assets/stylesheets/customers/birthday_blast.scss */
.pay-opt-label {
font-size: 12px;
font-weight: 800;
color: #374151;
}
/* line 2571, app/assets/stylesheets/customers/birthday_blast.scss */
.card-box {
background: #f9fafb;
border: 2px solid #e5e7eb;
border-radius: 14px;
padding: 20px;
}
/* line 2575, app/assets/stylesheets/customers/birthday_blast.scss */
#bb-payment-section #payment-options {
margin-bottom: 0 !important;
}
/* line 2578, app/assets/stylesheets/customers/birthday_blast.scss */
#bb-payment-section #payment-options h6 {
display: none !important;
}
/* line 2580, 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 2586, 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 2599, 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 2601, app/assets/stylesheets/customers/birthday_blast.scss */
#bb-payment-section #payment-options .grid > div > div {
display: contents !important;
}
/* line 2604, app/assets/stylesheets/customers/birthday_blast.scss */
#bb-payment-section #payment-options .grid input[type="radio"] {
display: none !important;
}
/* line 2606, 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 2618, app/assets/stylesheets/customers/birthday_blast.scss */
#bb-payment-section #payment-options .grid > div.bnpl-parent-card {
justify-content: center !important;
}
/* line 2621, app/assets/stylesheets/customers/birthday_blast.scss */
#bb-payment-section #payment-options .grid > div.bnpl-parent-card.bnpl-parent-selected {
border-color: var(--orange) !important;
background: #FFF4F0 !important;
}
/* line 2626, app/assets/stylesheets/customers/birthday_blast.scss */
#bb-payment-section #payment-options .grid > div.bnpl-parent-card label {
margin: 0 !important;
}
/* line 2630, app/assets/stylesheets/customers/birthday_blast.scss */
#bb-payment-section #payment-details {
display: none !important;
}
/* line 2635, app/assets/stylesheets/customers/birthday_blast.scss */
#bb-payment-section #bnpl-submethods .bnpl-submethods-grid {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 10px !important;
}
/* line 2641, app/assets/stylesheets/customers/birthday_blast.scss */
#bb-payment-section #bnpl-submethods .bnpl-payment-option {
border: 2px solid #e5e7eb;
border-radius: 14px;
padding: 16px 10px;
cursor: pointer;
background: #fff;
transition: border-color .15s, background .15s;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
min-height: 64px;
}
/* line 2654, app/assets/stylesheets/customers/birthday_blast.scss */
#bb-payment-section #bnpl-submethods .bnpl-payment-option 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 2664, app/assets/stylesheets/customers/birthday_blast.scss */
#bb-payment-section #bnpl-submethods .bnpl-payment-option span {
font-size: 11px !important;
color: #aaa !important;
font-weight: 600 !important;
margin-top: 4px !important;
text-align: center !important;
display: block !important;
}
/* line 2673, app/assets/stylesheets/customers/birthday_blast.scss */
#bb-payment-section #bnpl-submethods .bnpl-payment-option:has(input.bnpl-radio:checked) {
border-color: var(--orange) !important;
background: #FFF4F0 !important;
}
/* line 2681, app/assets/stylesheets/customers/birthday_blast.scss */
#bnpl-info {
margin-bottom: 16px;
background: #fff8f1;
border: 2px solid var(--orange);
border-radius: 18px;
padding: 20px;
}
/* line 2688, app/assets/stylesheets/customers/birthday_blast.scss */
#bnpl-info > div:first-child {
display: flex !important;
align-items: center !important;
gap: 12px !important;
margin-bottom: 12px !important;
}
/* line 2694, app/assets/stylesheets/customers/birthday_blast.scss */
#bnpl-info > div:first-child > div:first-child {
width: 36px !important;
height: 36px !important;
min-width: 36px !important;
border-radius: 50% !important;
background: rgba(var(--orange-rgb, 255, 87, 34), 0.12) !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
flex-shrink: 0 !important;
}
/* line 2705, app/assets/stylesheets/customers/birthday_blast.scss */
#bnpl-info > div:first-child > div:first-child svg {
width: 20px !important;
height: 20px !important;
flex-shrink: 0 !important;
}
/* line 2709, app/assets/stylesheets/customers/birthday_blast.scss */
#bnpl-info #bnpl-provider-name {
font-family: var(--font-headline);
font-size: 17px !important;
color: #1a1a1a !important;
font-weight: 800 !important;
display: block !important;
margin: 0 0 2px !important;
}
/* line 2718, app/assets/stylesheets/customers/birthday_blast.scss */
#bnpl-info #bnpl-provider-tagline {
font-size: 12px !important;
color: #888 !important;
font-weight: 700 !important;
display: block !important;
margin: 0 !important;
}
/* line 2726, app/assets/stylesheets/customers/birthday_blast.scss */
#bnpl-info #bnpl-provider-desc {
font-size: 13px !important;
color: #555 !important;
line-height: 1.65 !important;
margin: 0 0 14px !important;
}
/* line 2734, app/assets/stylesheets/customers/birthday_blast.scss */
#bnpl-info > div.bnpl-notices {
display: flex !important;
flex-direction: column !important;
gap: 8px !important;
margin-bottom: 0 !important;
}
/* line 2740, app/assets/stylesheets/customers/birthday_blast.scss */
#bnpl-info > div.bnpl-notices > div {
display: flex !important;
align-items: flex-start !important;
gap: 8px !important;
font-size: 13px !important;
color: #555 !important;
line-height: 1.5 !important;
}
/* line 2748, app/assets/stylesheets/customers/birthday_blast.scss */
#bnpl-info > div.bnpl-notices > div svg {
width: 16px !important;
height: 16px !important;
min-width: 16px !important;
flex-shrink: 0 !important;
margin-top: 1px !important;
}
/* line 2754, app/assets/stylesheets/customers/birthday_blast.scss */
#bb-card-form {
margin-top: 8px;
border: 2px solid #FFE0CC;
border-radius: 14px;
background: #FFF4F0;
padding: 16px;
}
/* line 2762, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-card-box {
background: #fff;
border: 1.5px solid #e5e7eb;
border-radius: 12px;
padding: 20px;
}
/* line 2764, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-card-field {
margin-bottom: 16px;
}
/* line 2767, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-card-field:last-child {
margin-bottom: 0;
}
/* line 2770, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-card-row-2 {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
margin-bottom: 16px;
}
/* line 2771, 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 2773, 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 2783, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-stripe-el[data-placeholder] {
position: relative;
}
/* line 2785, 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 2799, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-stripe-el.is-focused::before, .bb-stripe-el.has-value::before {
opacity: 0;
}
/* line 2802, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-stripe-el .StripeElement {
width: 100%;
}
/* line 2805, 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 2806, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-card-brands {
display: flex;
gap: 5px;
align-items: center;
flex-wrap: wrap;
}
/* line 2807, 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 2808, 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 2809, 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 2812, 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 2822, app/assets/stylesheets/customers/birthday_blast.scss */
.order-summary-title {
font-family: var(--font-headline);
font-size: 24px;
color: #1a1a1a;
margin-bottom: 20px;
}
/* line 2824, 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 2833, app/assets/stylesheets/customers/birthday_blast.scss */
.order-item-img {
width: 60px;
height: 46px;
border-radius: 8px;
overflow: hidden;
flex-shrink: 0;
}
/* line 2840, app/assets/stylesheets/customers/birthday_blast.scss */
.order-item-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
/* line 2843, app/assets/stylesheets/customers/birthday_blast.scss */
.order-item-name {
font-family: var(--font-headline);
font-size: 13px;
font-weight: 800;
color: #1a1a1a;
}
/* line 2844, app/assets/stylesheets/customers/birthday_blast.scss */
.order-item-date {
font-size: 11px;
color: #888;
margin-top: 2px;
}
/* line 2845, 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 2847, app/assets/stylesheets/customers/birthday_blast.scss */
.tip-opts {
display: flex;
gap: 8px;
margin: 12px 0;
flex-wrap: wrap;
}
/* line 2849, 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 2863, app/assets/stylesheets/customers/birthday_blast.scss */
.tip-btn.on {
border-color: var(--orange);
background: #FFF4F0;
color: var(--orange);
}
/* line 2866, app/assets/stylesheets/customers/birthday_blast.scss */
.coupon-row {
display: flex;
gap: 8px;
margin: 12px 0;
}
/* line 2868, 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 2877, app/assets/stylesheets/customers/birthday_blast.scss */
.coupon-input:focus {
border-color: var(--orange);
}
/* line 2880, 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 2882, 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 2883, 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 2884, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-deposit-amount {
font-family: var(--font-headline);
font-size: 32px;
color: var(--orange);
}
/* line 2885, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-deposit-sub {
font-size: 11px;
color: #aaa;
font-weight: 700;
margin-top: 2px;
}
/* line 2888, 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 2896, app/assets/stylesheets/customers/birthday_blast.scss */
.damage-waiver-top {
display: flex;
align-items: center;
gap: 14px;
padding: 16px 18px;
background: #FFF8F5;
}
/* line 2897, app/assets/stylesheets/customers/birthday_blast.scss */
.damage-waiver-icon {
font-size: 24px;
flex-shrink: 0;
}
/* line 2898, 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 2904, app/assets/stylesheets/customers/birthday_blast.scss */
.damage-waiver-title-rich a {
color: var(--orange);
font-weight: 900;
text-decoration: underline;
}
/* line 2905, app/assets/stylesheets/customers/birthday_blast.scss */
.damage-waiver-title-rich strong {
color: var(--orange);
font-weight: 900;
}
/* line 2907, app/assets/stylesheets/customers/birthday_blast.scss */
.damage-waiver-body {
padding: 16px 18px;
border-top: 1px solid #FFE8D6;
}
/* line 2910, app/assets/stylesheets/customers/birthday_blast.scss */
.damage-waiver-body p {
font-size: 13px;
color: #555;
line-height: 1.7;
margin-bottom: 10px;
}
/* line 2911, app/assets/stylesheets/customers/birthday_blast.scss */
.damage-waiver-body p:last-child {
margin-bottom: 0;
}
/* line 2912, app/assets/stylesheets/customers/birthday_blast.scss */
.damage-waiver-body strong, .damage-waiver-body b {
color: #1a1a1a;
font-weight: 900;
}
/* line 2913, app/assets/stylesheets/customers/birthday_blast.scss */
.damage-waiver-body em, .damage-waiver-body i {
font-style: italic;
}
/* line 2914, app/assets/stylesheets/customers/birthday_blast.scss */
.damage-waiver-body a {
color: var(--orange);
font-weight: 800;
text-decoration: underline;
}
/* line 2915, 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 2918, app/assets/stylesheets/customers/birthday_blast.scss */
.damage-waiver-toggle {
position: relative;
display: inline-block;
width: 44px;
height: 24px;
flex-shrink: 0;
}
/* line 2925, app/assets/stylesheets/customers/birthday_blast.scss */
.damage-waiver-toggle input {
opacity: 0;
width: 0;
height: 0;
position: absolute;
}
/* line 2928, app/assets/stylesheets/customers/birthday_blast.scss */
.damage-waiver-slider {
position: absolute;
cursor: pointer;
inset: 0;
background: #e5e7eb;
border-radius: 999px;
transition: .2s;
}
/* line 2936, 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 2949, app/assets/stylesheets/customers/birthday_blast.scss */
.damage-waiver-toggle input:checked + .damage-waiver-slider {
background: var(--orange);
}
/* line 2952, app/assets/stylesheets/customers/birthday_blast.scss */
.damage-waiver-toggle input:checked + .damage-waiver-slider::before {
transform: translateX(20px);
}
/* line 2955, 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 2969, app/assets/stylesheets/customers/birthday_blast.scss */
.place-order-btn:disabled {
opacity: .45;
cursor: not-allowed;
box-shadow: none;
}
/* line 2973, 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 2982, app/assets/stylesheets/customers/birthday_blast.scss */
.checkout-popup-overlay.open {
display: flex;
}
/* line 2985, 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 2998, app/assets/stylesheets/customers/birthday_blast.scss */
.checkout-popup-scroll {
padding: 36px 36px 12px;
overflow-y: auto;
flex: 1;
-webkit-overflow-scrolling: touch;
}
/* line 3000, 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 3017, app/assets/stylesheets/customers/birthday_blast.scss */
.checkout-popup-close:hover {
background: #f3f4f6;
}
/* line 3020, 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 3021, 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 3023, 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 3034, app/assets/stylesheets/customers/birthday_blast.scss */
.upsell-popup-item:hover {
border-color: #FFD0BC;
}
/* line 3035, app/assets/stylesheets/customers/birthday_blast.scss */
.upsell-popup-item.checked {
border-color: var(--orange);
background: #FFF8F5;
}
/* line 3038, 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 3040, 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 3051, app/assets/stylesheets/customers/birthday_blast.scss */
.upsell-popup-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
/* line 3054, app/assets/stylesheets/customers/birthday_blast.scss */
.upsell-popup-name {
font-size: 14px;
font-weight: 800;
color: #1a1a1a;
flex: 1;
}
/* line 3056, 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 3064, 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 3065, app/assets/stylesheets/customers/birthday_blast.scss */
.upsell-popup-qty span {
width: 28px;
text-align: center;
font-size: 14px;
font-weight: 800;
}
/* line 3068, app/assets/stylesheets/customers/birthday_blast.scss */
.upsell-popup-item:not(.checked) .upsell-popup-qty {
opacity: .35;
pointer-events: none;
}
/* line 3070, 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 3081, app/assets/stylesheets/customers/birthday_blast.scss */
.upsell-popup-price-sel:focus {
border-color: var(--orange);
}
/* line 3084, 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 3086, 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 3099, 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 3112, 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 3115, 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 3119, app/assets/stylesheets/customers/birthday_blast.scss */
.nav {
padding: 0 24px;
}
/* line 3120, app/assets/stylesheets/customers/birthday_blast.scss */
.hero {
height: auto;
min-height: 460px;
}
/* line 3121, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-content {
padding: 48px 32px;
max-width: 100%;
gap: 18px;
}
/* line 3122, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-h1 {
font-size: 60px;
}
/* line 3123, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-starburst {
width: 220px;
height: 220px;
right: -20px;
opacity: .07;
}
/* line 3124, app/assets/stylesheets/customers/birthday_blast.scss */
.inner-hero {
height: 240px;
}
/* line 3125, app/assets/stylesheets/customers/birthday_blast.scss */
.inner-hero-content {
padding: 0 32px;
}
/* line 3126, app/assets/stylesheets/customers/birthday_blast.scss */
.inner-hero-title {
font-size: 42px;
}
/* line 3127, app/assets/stylesheets/customers/birthday_blast.scss */
.cats, .upsell-sec {
padding: 48px 24px 56px;
}
/* line 3128, app/assets/stylesheets/customers/birthday_blast.scss */
.sec-h2, .sec-h2-wh {
font-size: 34px;
}
/* line 3129, app/assets/stylesheets/customers/birthday_blast.scss */
.cta-t {
font-size: 42px;
}
/* line 3130, app/assets/stylesheets/customers/birthday_blast.scss */
.cat-grid {
grid-template-columns: repeat(2, 1fr);
gap: 16px;
}
/* line 3131, app/assets/stylesheets/customers/birthday_blast.scss */
.prod-grid-4 {
grid-template-columns: repeat(2, 1fr);
gap: 16px;
}
/* line 3132, app/assets/stylesheets/customers/birthday_blast.scss */
.prod-grid-3 {
grid-template-columns: repeat(2, 1fr);
gap: 16px;
}
/* line 3133, app/assets/stylesheets/customers/birthday_blast.scss */
.browse-grid {
grid-template-columns: repeat(3, 1fr);
gap: 16px;
}
/* line 3134, app/assets/stylesheets/customers/birthday_blast.scss */
.g-rev-grid {
grid-template-columns: 1fr;
gap: 14px;
}
/* line 3135, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-wrap {
padding: 32px 24px;
}
/* line 3136, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-two-col {
grid-template-columns: 1fr;
gap: 32px;
}
/* line 3137, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-sticky-col {
position: static;
max-height: none;
overflow: visible;
}
/* line 3138, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-cart-header {
padding: 24px 24px 0;
}
/* line 3139, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-wrap {
padding: 32px 24px 120px;
}
/* line 3140, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-layout {
grid-template-columns: 1fr;
gap: 24px;
}
/* line 3141, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-summary {
position: static;
}
/* line 3142, app/assets/stylesheets/customers/birthday_blast.scss */
.checkout-wrap {
padding: 24px 16px;
}
/* line 3143, app/assets/stylesheets/customers/birthday_blast.scss */
.checkout-layout {
grid-template-columns: 1fr;
gap: 24px;
}
/* line 3144, app/assets/stylesheets/customers/birthday_blast.scss */
.order-summary {
position: static;
}
/* line 3145, app/assets/stylesheets/customers/birthday_blast.scss */
.about-story {
padding: 48px 24px;
gap: 32px;
grid-template-columns: 1fr;
}
/* line 3146, app/assets/stylesheets/customers/birthday_blast.scss */
.about-stats {
margin: 0 24px;
}
/* line 3147, app/assets/stylesheets/customers/birthday_blast.scss */
.about-stat-num {
font-size: 38px;
}
/* line 3148, app/assets/stylesheets/customers/birthday_blast.scss */
.about-photos {
padding: 32px 24px 0;
grid-template-columns: repeat(2, 1fr);
gap: 12px;
}
/* line 3149, app/assets/stylesheets/customers/birthday_blast.scss */
.about-faq {
padding: 48px 24px;
}
/* line 3150, app/assets/stylesheets/customers/birthday_blast.scss */
.about-reviews-bar {
margin: 24px;
padding: 24px;
}
/* line 3151, app/assets/stylesheets/customers/birthday_blast.scss */
.about-content-wrap {
padding: 40px 24px;
}
/* line 3152, app/assets/stylesheets/customers/birthday_blast.scss */
.contact-info-section .contact-cards {
grid-template-columns: 1fr;
gap: 14px;
}
/* line 3153, app/assets/stylesheets/customers/birthday_blast.scss */
.contact-cards {
padding: 32px 24px 0;
grid-template-columns: 1fr;
gap: 14px;
}
/* line 3154, app/assets/stylesheets/customers/birthday_blast.scss */
.contact-form-wrap {
padding: 32px 24px 48px;
}
/* line 3155, app/assets/stylesheets/customers/birthday_blast.scss */
.contact-form {
padding: 28px;
}
/* line 3156, app/assets/stylesheets/customers/birthday_blast.scss */
.footer {
padding: 40px 24px 24px;
}
/* line 3157, app/assets/stylesheets/customers/birthday_blast.scss */
.footer-grid {
grid-template-columns: 1fr 1fr;
gap: 32px;
}
/* line 3158, app/assets/stylesheets/customers/birthday_blast.scss */
.browse-event-bar {
padding: 14px 18px;
gap: 12px;
}
/* line 3159, app/assets/stylesheets/customers/birthday_blast.scss */
.browse-event-bar-right {
flex-wrap: wrap;
width: 100%;
}
/* line 3160, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-sticky-bar {
padding: 12px 24px calc(12px + env(safe-area-inset-bottom));
}
/* line 3161, app/assets/stylesheets/customers/birthday_blast.scss */
.cta-sec {
padding: 60px 24px;
}
/* line 3162, 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 3169, app/assets/stylesheets/customers/birthday_blast.scss */
.nav {
padding: 0 14px;
height: 58px;
box-shadow: 0 1px 0 #FFE0CC;
}
/* line 3170, app/assets/stylesheets/customers/birthday_blast.scss */
.logo {
font-size: 21px;
}
/* line 3171, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-logo--large .bb-logo-img {
max-height: 46px;
}
/* line 3173, 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 3187, app/assets/stylesheets/customers/birthday_blast.scss */
.nav-links.open {
display: flex;
}
/* line 3190, 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 3198, app/assets/stylesheets/customers/birthday_blast.scss */
.nav-link:last-child {
border-bottom: none;
}
/* line 3199, app/assets/stylesheets/customers/birthday_blast.scss */
.nav-link.on {
border-bottom-color: #FFF4F0;
background: #FFF8F5;
}
/* line 3202, app/assets/stylesheets/customers/birthday_blast.scss */
.nav-toggle {
display: flex;
}
/* line 3203, app/assets/stylesheets/customers/birthday_blast.scss */
.nav-backdrop {
top: 58px;
}
/* line 3204, app/assets/stylesheets/customers/birthday_blast.scss */
.btn-call {
padding: 7px 12px;
font-size: 11px;
}
/* line 3205, app/assets/stylesheets/customers/birthday_blast.scss */
.btn-cart {
width: 36px;
height: 36px;
font-size: 14px;
}
/* Keep a real height on mobile so the banner image reads behind the copy,
rather than collapsing to content height. Matches Polished Pro. */
/* line 3210, app/assets/stylesheets/customers/birthday_blast.scss */
.hero {
height: auto;
min-height: 60vh;
}
/* line 3211, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-content {
padding: 32px 18px 48px;
gap: 10px;
}
/* line 3212, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-h1 {
font-size: 36px;
line-height: .95;
}
/* line 3213, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-sub {
font-size: 12.5px;
line-height: 1.5;
display: block;
color: var(--bb-hero-text, rgba(255, 255, 255, 0.78));
max-width: 360px;
}
/* line 3214, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-img img {
object-position: center 30%;
}
/* line 3215, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-img::after {
background: var(--bb-hero-overlay, linear-gradient(180deg, color-mix(in srgb, var(--surface-dark) 72%, transparent) 0%, color-mix(in srgb, var(--surface-dark) 55%, transparent) 50%, color-mix(in srgb, var(--surface-dark) 68%, transparent) 100%));
}
/* line 3216, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-img img {
opacity: .75;
}
/* line 3217, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-starburst {
display: none;
}
/* line 3218, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-dots {
background-size: 22px 22px;
opacity: .55;
}
/* line 3219, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-date-bar {
padding: 12px 14px;
border-radius: 14px;
margin-top: 4px;
}
/* line 3220, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-date-bar-label {
font-size: 10px;
letter-spacing: 1.5px;
margin-bottom: 8px;
}
/* line 3221, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-date-row {
flex-direction: row;
gap: 8px;
}
/* line 3222, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-date-input {
flex: 1;
padding: 11px 38px 11px 12px;
font-size: 14px;
min-width: 0;
}
/* line 3223, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-date-btn {
padding: 11px 14px;
font-size: 13px;
flex-shrink: 0;
}
/* line 3224, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-skip {
display: none;
}
/* line 3227, app/assets/stylesheets/customers/birthday_blast.scss */
.inner-hero {
height: 160px;
}
/* line 3228, app/assets/stylesheets/customers/birthday_blast.scss */
.inner-hero-content {
padding: 0 18px;
}
/* line 3229, app/assets/stylesheets/customers/birthday_blast.scss */
.inner-hero-title {
font-size: 30px;
}
/* line 3230, app/assets/stylesheets/customers/birthday_blast.scss */
.inner-hero-sub {
font-size: 12px;
margin-top: 6px;
}
/* line 3231, 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 3234, 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 3238, app/assets/stylesheets/customers/birthday_blast.scss */
.cats, .upsell-sec {
padding: 24px 0 28px;
}
/* line 3239, 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 3240, app/assets/stylesheets/customers/birthday_blast.scss */
.sec-h2, .sec-h2-wh {
font-size: 24px;
line-height: 1.05;
}
/* line 3241, app/assets/stylesheets/customers/birthday_blast.scss */
.sec-sup {
font-size: 9px;
letter-spacing: 1.8px;
}
/* line 3242, app/assets/stylesheets/customers/birthday_blast.scss */
.sec-center {
margin-bottom: 18px;
padding: 0 16px;
}
/* line 3245, app/assets/stylesheets/customers/birthday_blast.scss */
.cats {
position: relative;
}
/* line 3246, 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 3257, 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 3268, app/assets/stylesheets/customers/birthday_blast.scss */
.cat-grid::-webkit-scrollbar {
display: none;
}
/* line 3271, 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 3279, app/assets/stylesheets/customers/birthday_blast.scss */
.cat:nth-child(odd), .cat:nth-child(even) {
transform: none;
}
/* line 3282, app/assets/stylesheets/customers/birthday_blast.scss */
.cat-name {
font-size: 16px;
line-height: 1.05;
}
/* line 3283, app/assets/stylesheets/customers/birthday_blast.scss */
.cat-pill {
font-size: 9.5px;
padding: 3px 8px;
top: 9px;
right: 9px;
letter-spacing: .4px;
}
/* line 3284, app/assets/stylesheets/customers/birthday_blast.scss */
.cat-info {
position: relative;
z-index: 1;
}
/* line 3287, app/assets/stylesheets/customers/birthday_blast.scss */
.browse-wrap {
position: relative;
}
/* line 3289, 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 3301, app/assets/stylesheets/customers/birthday_blast.scss */
.filter-bar::-webkit-scrollbar {
display: none;
}
/* line 3303, 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 3316, app/assets/stylesheets/customers/birthday_blast.scss */
.filter-chip {
flex-shrink: 0;
padding: 7px 14px;
font-size: 12px;
border-width: 1.5px;
}
/* line 3319, 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 3326, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-thumbs::-webkit-scrollbar {
display: none;
}
/* line 3330, 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 3331, app/assets/stylesheets/customers/birthday_blast.scss */
.prod-card {
border-radius: 14px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
}
/* line 3332, app/assets/stylesheets/customers/birthday_blast.scss */
.prod-card-img {
aspect-ratio: 1/1;
}
/* line 3333, app/assets/stylesheets/customers/birthday_blast.scss */
.prod-card-body {
padding: 10px 12px 12px;
}
/* line 3334, app/assets/stylesheets/customers/birthday_blast.scss */
.prod-card-cat {
font-size: 9px;
letter-spacing: 1.2px;
margin-bottom: 2px;
}
/* line 3335, app/assets/stylesheets/customers/birthday_blast.scss */
.prod-card-name {
font-size: 13.5px;
line-height: 1.15;
margin-bottom: 4px;
}
/* line 3336, app/assets/stylesheets/customers/birthday_blast.scss */
.prod-card-desc {
display: none;
}
/* line 3337, app/assets/stylesheets/customers/birthday_blast.scss */
.prod-card-row {
flex-direction: column;
align-items: stretch;
gap: 6px;
}
/* line 3338, app/assets/stylesheets/customers/birthday_blast.scss */
.prod-card-price {
font-size: 16px;
}
/* line 3339, app/assets/stylesheets/customers/birthday_blast.scss */
.prod-card-btn {
width: 100%;
padding: 7px;
font-size: 11px;
border-radius: 999px;
letter-spacing: .3px;
}
/* line 3342, app/assets/stylesheets/customers/birthday_blast.scss */
.g-rev-grid {
margin-top: 18px;
padding: 0 16px;
}
/* line 3343, app/assets/stylesheets/customers/birthday_blast.scss */
.g-card {
padding: 14px;
border-radius: 12px;
}
/* line 3344, app/assets/stylesheets/customers/birthday_blast.scss */
.g-text {
font-size: 12px;
}
/* line 3345, app/assets/stylesheets/customers/birthday_blast.scss */
.g-uname {
font-size: 13px;
}
/* line 3348, 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 3349, app/assets/stylesheets/customers/birthday_blast.scss */
.gcell {
height: 130px;
border-radius: 12px;
}
/* line 3350, app/assets/stylesheets/customers/birthday_blast.scss */
.gcell.big {
grid-row: auto;
grid-column: 1 / -1;
height: 180px;
}
/* line 3353, app/assets/stylesheets/customers/birthday_blast.scss */
.browse-wrap {
padding: 18px 0 28px;
}
/* line 3354, 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 3355, app/assets/stylesheets/customers/birthday_blast.scss */
.browse-event-bar-left {
min-width: 0;
width: 100%;
gap: 8px;
}
/* line 3356, app/assets/stylesheets/customers/birthday_blast.scss */
.browse-event-bar-icon {
width: 36px;
height: 36px;
font-size: 18px;
border-radius: 10px;
}
/* line 3357, app/assets/stylesheets/customers/birthday_blast.scss */
.browse-event-bar-label {
font-size: 13px;
}
/* line 3358, app/assets/stylesheets/customers/birthday_blast.scss */
.browse-event-bar-sub {
font-size: 12px;
}
/* line 3359, app/assets/stylesheets/customers/birthday_blast.scss */
.browse-event-bar-right {
flex-direction: row;
width: 100%;
gap: 6px;
}
/* line 3360, app/assets/stylesheets/customers/birthday_blast.scss */
.browse-event-input {
flex: 1;
padding: 9px 12px;
font-size: 14px;
min-width: 0;
}
/* line 3361, app/assets/stylesheets/customers/birthday_blast.scss */
.browse-event-btn {
padding: 9px 14px;
font-size: 12px;
flex-shrink: 0;
}
/* line 3362, app/assets/stylesheets/customers/birthday_blast.scss */
.browse-event-clear {
padding: 6px 10px;
}
/* line 3363, app/assets/stylesheets/customers/birthday_blast.scss */
.browse-date-banner {
margin: 0 16px 14px;
padding: 11px 14px;
border-radius: 12px;
flex-wrap: wrap;
}
/* line 3364, app/assets/stylesheets/customers/birthday_blast.scss */
.browse-date-banner-title {
font-size: 13px;
}
/* line 3365, app/assets/stylesheets/customers/birthday_blast.scss */
.browse-date-banner-sub {
font-size: 11px;
}
/* line 3368, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-wrap {
padding: 14px 0 20px;
}
/* line 3369, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-two-col {
padding: 0 16px;
gap: 18px;
}
/* line 3370, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-main-img {
aspect-ratio: 16/10;
border-radius: 14px;
margin-bottom: 8px;
}
/* line 3371, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-thumbs {
gap: 6px;
margin-bottom: 14px;
}
/* line 3372, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-thumb {
width: 54px;
height: 40px;
border-radius: 8px;
border-width: 1.5px;
}
/* line 3373, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-cat-tag {
font-size: 10px;
letter-spacing: 1.5px;
}
/* line 3374, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-title {
font-size: 24px;
line-height: 1.08;
margin-top: 2px;
}
/* line 3375, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-price {
font-size: 22px;
margin-top: 0;
}
/* line 3376, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-price span {
font-size: 13px;
}
/* line 3378, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-specs {
padding: 14px;
grid-template-columns: 1fr 1fr;
gap: 8px 14px;
border-radius: 12px;
}
/* line 3379, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-spec-label {
font-size: 9px;
}
/* line 3380, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-spec-val {
font-size: 12.5px;
}
/* line 3382, app/assets/stylesheets/customers/birthday_blast.scss */
.long-desc-block {
padding: 16px;
margin-top: 14px;
position: relative;
border-radius: 14px;
}
/* line 3388, app/assets/stylesheets/customers/birthday_blast.scss */
.long-desc-block.collapsed {
max-height: 240px;
overflow: hidden;
}
/* line 3392, 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 3404, 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 3421, app/assets/stylesheets/customers/birthday_blast.scss */
.long-desc-toggle:active {
transform: scale(0.98);
}
/* line 3425, app/assets/stylesheets/customers/birthday_blast.scss */
.booking-panel {
padding: 16px;
border-radius: 18px !important;
}
/* line 3426, app/assets/stylesheets/customers/birthday_blast.scss */
.booking-title {
font-size: 18px;
margin-bottom: 12px;
}
/* line 3427, app/assets/stylesheets/customers/birthday_blast.scss */
.booking-row {
grid-template-columns: 1fr 1fr;
gap: 8px;
margin-bottom: 8px;
}
/* line 3428, app/assets/stylesheets/customers/birthday_blast.scss */
.booking-input {
font-size: 14px;
padding: 10px 12px;
border-radius: 10px;
border-width: 1.5px;
}
/* line 3429, app/assets/stylesheets/customers/birthday_blast.scss */
.booking-label {
font-size: 9.5px;
letter-spacing: 1.2px;
}
/* line 3430, app/assets/stylesheets/customers/birthday_blast.scss */
.booking-duration {
font-size: 11px;
padding: 9px 12px;
line-height: 1.4;
}
/* line 3431, app/assets/stylesheets/customers/birthday_blast.scss */
.booking-fee {
font-size: 12px;
}
/* line 3432, app/assets/stylesheets/customers/birthday_blast.scss */
.booking-cta {
font-size: 14px;
padding: 13px;
}
/* line 3433, app/assets/stylesheets/customers/birthday_blast.scss */
.duration-section {
margin-bottom: 12px;
}
/* line 3434, app/assets/stylesheets/customers/birthday_blast.scss */
.duration-label, .included-label {
font-size: 9.5px;
letter-spacing: 1.2px;
margin-bottom: 8px;
}
/* line 3435, app/assets/stylesheets/customers/birthday_blast.scss */
.duration-options {
gap: 6px;
}
/* line 3436, app/assets/stylesheets/customers/birthday_blast.scss */
.dur-radio {
padding: 5px 10px;
font-size: 11px;
border-width: 1.5px;
}
/* line 3437, app/assets/stylesheets/customers/birthday_blast.scss */
.included-item {
padding: 9px;
border-radius: 10px;
}
/* line 3438, app/assets/stylesheets/customers/birthday_blast.scss */
.included-item-thumb {
width: 36px;
height: 28px;
font-size: 14px;
}
/* line 3439, app/assets/stylesheets/customers/birthday_blast.scss */
.included-item-name {
font-size: 12.5px;
}
/* line 3440, app/assets/stylesheets/customers/birthday_blast.scss */
.choose-variant-btn {
font-size: 10.5px;
padding: 5px 11px;
}
/* line 3441, app/assets/stylesheets/customers/birthday_blast.scss */
.inline-dropdown-item {
flex-wrap: wrap;
padding: 9px;
}
/* line 3442, app/assets/stylesheets/customers/birthday_blast.scss */
.inline-dropdown-name {
flex: 1 1 60%;
min-width: 0;
font-size: 12.5px;
}
/* line 3443, app/assets/stylesheets/customers/birthday_blast.scss */
.inline-dropdown-select {
padding: 6px 10px;
font-size: 12px;
}
/* line 3444, app/assets/stylesheets/customers/birthday_blast.scss */
.qty-btn {
width: 32px;
height: 32px;
font-size: 16px;
}
/* line 3445, app/assets/stylesheets/customers/birthday_blast.scss */
.qty-val {
width: 34px;
font-size: 14px;
}
/* line 3446, app/assets/stylesheets/customers/birthday_blast.scss */
.qty-label {
font-size: 11px;
}
/* line 3447, app/assets/stylesheets/customers/birthday_blast.scss */
.booking-qty-row {
margin-bottom: 14px;
}
/* line 3448, app/assets/stylesheets/customers/birthday_blast.scss */
.additional-fees, .booking-duration {
font-size: 11px;
}
/* line 3449, app/assets/stylesheets/customers/birthday_blast.scss */
.surface-opt {
padding: 10px 12px;
}
/* line 3450, app/assets/stylesheets/customers/birthday_blast.scss */
.surface-opt-label {
font-size: 13px;
}
/* line 3451, app/assets/stylesheets/customers/birthday_blast.scss */
.surface-opt-price {
font-size: 12px;
}
/* line 3452, app/assets/stylesheets/customers/birthday_blast.scss */
.overnight-card {
padding: 12px;
}
/* line 3453, app/assets/stylesheets/customers/birthday_blast.scss */
.overnight-card-top {
flex-wrap: wrap;
gap: 8px;
}
/* line 3454, app/assets/stylesheets/customers/birthday_blast.scss */
.overnight-title {
font-size: 13px;
flex: 1 1 60%;
}
/* line 3455, app/assets/stylesheets/customers/birthday_blast.scss */
.overnight-desc, .overnight-pickup, .overnight-tags {
margin-left: 0;
}
/* line 3456, app/assets/stylesheets/customers/birthday_blast.scss */
.overnight-desc {
font-size: 11px;
}
/* line 3457, app/assets/stylesheets/customers/birthday_blast.scss */
.overnight-pickup {
font-size: 11px;
padding: 7px 10px;
}
/* line 3458, app/assets/stylesheets/customers/birthday_blast.scss */
.overnight-tag {
font-size: 10px;
padding: 2px 8px;
}
/* line 3461, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-bottom-bar.show {
display: flex;
}
/* line 3464, app/assets/stylesheets/customers/birthday_blast.scss */
#page-detail .sec-label {
margin-bottom: 14px;
}
/* line 3465, app/assets/stylesheets/customers/birthday_blast.scss */
#page-detail > div > div > div[style*="margin-top:64px"] {
margin-top: 24px !important;
padding: 0 16px;
}
/* line 3466, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-addons-section {
padding: 24px 0 28px;
}
/* line 3469, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-cart-header {
padding: 18px 16px 0;
}
/* line 3470, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-cart-header h1 {
font-size: 26px;
}
/* line 3471, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-cart-header p {
font-size: 13px;
}
/* line 3472, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-wrap {
padding: 16px 0 130px;
}
/* line 3473, app/assets/stylesheets/customers/birthday_blast.scss */
#page-cart > div:first-child {
padding: 18px 16px 0 !important;
}
/* line 3474, app/assets/stylesheets/customers/birthday_blast.scss */
#page-cart > div:first-child h1 {
font-size: 26px !important;
}
/* line 3475, app/assets/stylesheets/customers/birthday_blast.scss */
#page-cart > div:first-child p {
font-size: 13px !important;
}
/* line 3476, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-layout {
padding: 0 16px;
gap: 14px;
}
/* line 3478, 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 3486, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-item-img {
aspect-ratio: 1;
border-radius: 10px;
grid-row: 1;
grid-column: 1;
}
/* line 3487, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-item > div:nth-child(2) {
grid-row: 1;
grid-column: 2;
min-width: 0;
}
/* line 3488, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-item-cat {
font-size: 9px;
letter-spacing: 1.4px;
margin-bottom: 2px;
}
/* line 3489, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-item-name {
font-size: 14px;
line-height: 1.15;
margin-bottom: 3px;
}
/* line 3490, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-item-date {
font-size: 11px;
}
/* line 3491, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-item-fees {
font-size: 10.5px;
margin-top: 2px;
}
/* line 3492, app/assets/stylesheets/customers/birthday_blast.scss */
.change-date-btn {
font-size: 11px;
margin-top: 4px;
}
/* line 3494, 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 3505, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-item-price {
font-size: 17px;
}
/* line 3506, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-qty-btn {
width: 26px;
height: 26px;
font-size: 14px;
}
/* line 3507, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-qty-val {
width: 26px;
font-size: 13px;
}
/* line 3508, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-remove {
font-size: 11px;
}
/* line 3509, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-summary {
padding: 18px;
border-radius: 16px;
}
/* line 3510, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-summary-title {
font-size: 18px;
margin-bottom: 14px;
}
/* line 3511, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-line {
font-size: 13px;
margin-bottom: 8px;
}
/* line 3512, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-line.bold {
font-size: 17px;
padding-top: 12px;
color: #1a1a1a;
}
/* line 3513, 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 3515, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-checkout-btn {
font-size: 15px;
padding: 14px;
}
/* line 3516, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-continue {
font-size: 13px;
padding: 11px;
}
/* line 3517, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-sticky-bar {
padding: 10px 14px calc(10px + env(safe-area-inset-bottom));
gap: 10px;
}
/* line 3518, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-sticky-bar > div:nth-child(2) {
display: none;
}
/* line 3519, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-sticky-amount {
font-size: 21px;
}
/* line 3520, 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 3521, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-sticky-btn {
padding: 12px 22px;
font-size: 13.5px;
flex-shrink: 0;
}
/* line 3523, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-spec[style*="border-top"] .detail-spec-label {
display: none;
}
/* line 3524, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-spec[style*="border-top"] {
padding-top: 10px !important;
margin-top: 2px !important;
}
/* line 3527, 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 3533, app/assets/stylesheets/customers/birthday_blast.scss */
.nav-link:active, .cat:active, .prod-card:active, .filter-chip:active {
transform: scale(0.98);
}
/* line 3536, app/assets/stylesheets/customers/birthday_blast.scss */
.checkout-wrap {
padding: 24px 16px;
}
/* line 3537, app/assets/stylesheets/customers/birthday_blast.scss */
#page-checkout > div:first-child {
padding: 18px 16px 0 !important;
}
/* line 3538, app/assets/stylesheets/customers/birthday_blast.scss */
#page-checkout > div:first-child h1 {
font-size: 26px !important;
}
/* line 3539, app/assets/stylesheets/customers/birthday_blast.scss */
#page-checkout > div:first-child p {
font-size: 13px !important;
}
/* line 3540, app/assets/stylesheets/customers/birthday_blast.scss */
#page-checkout > div:first-child > div:last-child {
margin-top: 14px !important;
}
/* line 3541, 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 3542, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-checkout-header {
padding: 0 16px;
}
/* line 3543, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-checkout-header h1 {
font-size: 24px;
}
/* line 3544, app/assets/stylesheets/customers/birthday_blast.scss */
.checkout-form-wrap {
gap: 14px;
}
/* line 3545, app/assets/stylesheets/customers/birthday_blast.scss */
.form-section {
padding: 28px;
border-radius: 24px !important;
}
/* line 3546, app/assets/stylesheets/customers/birthday_blast.scss */
.form-section-title {
font-size: 22px;
margin-bottom: 20px;
gap: 10px;
}
/* line 3547, app/assets/stylesheets/customers/birthday_blast.scss */
.form-section-num {
width: 30px;
height: 30px;
font-size: 13px;
}
/* line 3548, app/assets/stylesheets/customers/birthday_blast.scss */
.form-input {
font-size: 14px;
padding: 13px 16px;
border-radius: 12px;
border-width: 2px;
}
/* line 3549, app/assets/stylesheets/customers/birthday_blast.scss */
.form-label {
font-size: 11px;
letter-spacing: 1.5px;
}
/* line 3550, app/assets/stylesheets/customers/birthday_blast.scss */
.form-grid-2 {
grid-template-columns: 1fr 1fr;
gap: 14px;
}
/* line 3551, app/assets/stylesheets/customers/birthday_blast.scss */
.form-group {
margin-bottom: 14px;
}
/* line 3552, app/assets/stylesheets/customers/birthday_blast.scss */
.form-check {
font-size: 13px;
}
/* line 3553, app/assets/stylesheets/customers/birthday_blast.scss */
.payment-opts {
grid-template-columns: repeat(4, 1fr);
gap: 10px;
margin-bottom: 18px;
}
/* line 3554, app/assets/stylesheets/customers/birthday_blast.scss */
.pay-opt {
padding: 14px 10px;
border-radius: 12px;
}
/* line 3555, app/assets/stylesheets/customers/birthday_blast.scss */
.pay-opt-label {
font-size: 12px;
}
/* line 3556, app/assets/stylesheets/customers/birthday_blast.scss */
.pay-opt-icon {
font-size: 20px;
margin-bottom: 4px;
}
/* line 3557, app/assets/stylesheets/customers/birthday_blast.scss */
.card-box {
padding: 20px;
border-radius: 14px;
}
/* line 3559, app/assets/stylesheets/customers/birthday_blast.scss */
#bb-payment-section #payment-options .grid {
grid-template-columns: repeat(2, 1fr) !important;
gap: 8px !important;
}
/* line 3560, app/assets/stylesheets/customers/birthday_blast.scss */
#bb-payment-section #payment-options .grid > div {
min-height: 56px !important;
padding: 12px 8px !important;
}
/* line 3561, app/assets/stylesheets/customers/birthday_blast.scss */
#bb-payment-section #payment-options .grid label {
font-size: 13px !important;
}
/* line 3562, app/assets/stylesheets/customers/birthday_blast.scss */
#bb-payment-section #payment-details {
padding: 16px !important;
border-radius: 12px !important;
}
/* line 3564, app/assets/stylesheets/customers/birthday_blast.scss */
.order-summary {
padding: 28px;
border-radius: 20px;
}
/* line 3565, app/assets/stylesheets/customers/birthday_blast.scss */
.order-item {
padding-bottom: 16px;
margin-bottom: 16px;
gap: 14px;
}
/* line 3566, app/assets/stylesheets/customers/birthday_blast.scss */
.order-item-img {
width: 60px;
height: 46px;
}
/* line 3567, app/assets/stylesheets/customers/birthday_blast.scss */
.order-item-name {
font-size: 13px;
}
/* line 3568, app/assets/stylesheets/customers/birthday_blast.scss */
.order-item-date {
font-size: 11px;
}
/* line 3569, app/assets/stylesheets/customers/birthday_blast.scss */
.order-item-price {
font-size: 14px;
}
/* line 3570, app/assets/stylesheets/customers/birthday_blast.scss */
.tip-opts {
gap: 6px;
}
/* line 3571, app/assets/stylesheets/customers/birthday_blast.scss */
.tip-btn {
flex: 1 1 auto;
padding: 9px 8px;
font-size: 12px;
border-radius: 10px;
white-space: nowrap;
}
/* line 3572, app/assets/stylesheets/customers/birthday_blast.scss */
.damage-waiver {
margin-bottom: 16px;
}
/* line 3573, app/assets/stylesheets/customers/birthday_blast.scss */
.damage-waiver-top {
padding: 16px 18px;
gap: 14px;
}
/* line 3574, app/assets/stylesheets/customers/birthday_blast.scss */
.damage-waiver-title-rich {
font-size: 15px;
}
/* line 3575, app/assets/stylesheets/customers/birthday_blast.scss */
.damage-waiver-body {
padding: 16px 18px;
}
/* line 3576, app/assets/stylesheets/customers/birthday_blast.scss */
.place-order-btn {
font-size: 17px;
padding: 18px;
}
/* line 3579, app/assets/stylesheets/customers/birthday_blast.scss */
.about-story {
padding: 24px 16px;
gap: 18px;
}
/* line 3580, app/assets/stylesheets/customers/birthday_blast.scss */
.about-story-img {
border-radius: 16px;
}
/* line 3581, app/assets/stylesheets/customers/birthday_blast.scss */
.about-stats {
margin: 0 16px;
grid-template-columns: repeat(3, 1fr);
}
/* line 3582, 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 3583, app/assets/stylesheets/customers/birthday_blast.scss */
.about-stat:last-child {
border-right: none;
}
/* line 3584, app/assets/stylesheets/customers/birthday_blast.scss */
.about-stat-num {
font-size: 24px;
}
/* line 3585, app/assets/stylesheets/customers/birthday_blast.scss */
.about-stat-label {
font-size: 9.5px;
letter-spacing: .4px;
}
/* line 3586, app/assets/stylesheets/customers/birthday_blast.scss */
.about-photos {
padding: 18px 16px 0;
grid-template-columns: repeat(2, 1fr);
gap: 8px;
}
/* line 3587, app/assets/stylesheets/customers/birthday_blast.scss */
.about-photo {
border-radius: 12px;
}
/* line 3588, app/assets/stylesheets/customers/birthday_blast.scss */
.about-faq {
padding: 28px 16px;
}
/* line 3589, app/assets/stylesheets/customers/birthday_blast.scss */
.faq-list {
gap: 8px;
margin-top: 16px;
}
/* line 3590, app/assets/stylesheets/customers/birthday_blast.scss */
.faq-q {
padding: 14px 16px;
font-size: 13.5px;
gap: 10px;
}
/* line 3591, app/assets/stylesheets/customers/birthday_blast.scss */
.faq-a {
padding: 0 16px 14px;
font-size: 12.5px;
line-height: 1.7;
}
/* line 3592, app/assets/stylesheets/customers/birthday_blast.scss */
.faq-ico {
width: 22px;
height: 22px;
font-size: 14px;
}
/* line 3593, 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 3594, app/assets/stylesheets/customers/birthday_blast.scss */
.about-reviews-bar-left {
width: 100%;
}
/* line 3595, app/assets/stylesheets/customers/birthday_blast.scss */
.about-reviews-rating {
padding: 14px 18px;
width: 100%;
border-radius: 14px;
}
/* line 3596, app/assets/stylesheets/customers/birthday_blast.scss */
.about-content-wrap {
padding: 24px 16px;
}
/* line 3597, app/assets/stylesheets/customers/birthday_blast.scss */
.about-content-wrap .about-story-img {
aspect-ratio: 16/10;
border-radius: 14px;
}
/* line 3598, app/assets/stylesheets/customers/birthday_blast.scss */
.about-content-text {
font-size: 13.5px;
line-height: 1.7;
margin-bottom: 12px;
}
/* line 3601, app/assets/stylesheets/customers/birthday_blast.scss */
.contact-info-section .contact-cards {
gap: 10px;
}
/* line 3602, app/assets/stylesheets/customers/birthday_blast.scss */
.contact-cards {
padding: 18px 16px 0;
gap: 10px;
}
/* line 3603, app/assets/stylesheets/customers/birthday_blast.scss */
.contact-card {
padding: 18px;
border-radius: 16px;
}
/* line 3604, app/assets/stylesheets/customers/birthday_blast.scss */
.contact-card-icon {
width: 48px;
height: 48px;
font-size: 22px;
margin-bottom: 10px;
}
/* line 3605, app/assets/stylesheets/customers/birthday_blast.scss */
.contact-card-title {
font-size: 17px;
margin-bottom: 4px;
}
/* line 3606, app/assets/stylesheets/customers/birthday_blast.scss */
.contact-card-val {
font-size: 13px;
color: #555;
}
/* line 3607, app/assets/stylesheets/customers/birthday_blast.scss */
.contact-card-val-sub {
font-size: 12px;
color: #aaa;
}
/* line 3608, app/assets/stylesheets/customers/birthday_blast.scss */
.contact-form-wrap {
padding: 18px 16px 32px;
}
/* line 3609, app/assets/stylesheets/customers/birthday_blast.scss */
.contact-form {
padding: 20px;
border-radius: 18px;
}
/* line 3610, app/assets/stylesheets/customers/birthday_blast.scss */
.contact-form-title {
font-size: 22px;
margin-bottom: 16px;
}
/* line 3611, app/assets/stylesheets/customers/birthday_blast.scss */
.contact-form .form-grid-2 {
grid-template-columns: 1fr;
gap: 0;
}
/* line 3612, app/assets/stylesheets/customers/birthday_blast.scss */
.contact-textarea {
font-size: 14px;
padding: 12px 14px;
min-height: 100px;
}
/* line 3613, app/assets/stylesheets/customers/birthday_blast.scss */
.contact-submit {
width: 100%;
padding: 14px;
font-size: 15px;
}
/* line 3616, app/assets/stylesheets/customers/birthday_blast.scss */
.footer {
padding: 28px 16px 16px;
}
/* line 3617, app/assets/stylesheets/customers/birthday_blast.scss */
.footer-grid {
grid-template-columns: 1fr 1fr;
gap: 22px 16px;
margin-bottom: 22px;
}
/* line 3618, app/assets/stylesheets/customers/birthday_blast.scss */
.footer-grid > div:first-child {
grid-column: 1 / -1;
}
/* line 3620, app/assets/stylesheets/customers/birthday_blast.scss */
.footer-logo {
font-size: 22px;
margin-bottom: 8px;
}
/* line 3621, app/assets/stylesheets/customers/birthday_blast.scss */
.footer-tagline {
font-size: 12px;
margin-bottom: 12px;
line-height: 1.6;
}
/* line 3622, app/assets/stylesheets/customers/birthday_blast.scss */
.footer-call {
padding: 9px 18px;
font-size: 12px;
}
/* line 3623, app/assets/stylesheets/customers/birthday_blast.scss */
.footer-col-title {
font-size: 9px;
margin-bottom: 10px;
letter-spacing: 2px;
}
/* line 3624, app/assets/stylesheets/customers/birthday_blast.scss */
.footer-link {
font-size: 12.5px;
margin-bottom: 6px;
}
/* line 3625, app/assets/stylesheets/customers/birthday_blast.scss */
.footer-socials {
margin-top: 12px;
gap: 8px;
}
/* line 3626, app/assets/stylesheets/customers/birthday_blast.scss */
.footer-soc {
width: 32px;
height: 32px;
}
/* line 3627, app/assets/stylesheets/customers/birthday_blast.scss */
.footer-bot {
flex-direction: column;
align-items: flex-start;
gap: 6px;
padding-top: 16px;
}
/* line 3628, app/assets/stylesheets/customers/birthday_blast.scss */
.footer-copy, .footer-tc {
font-size: 11px;
}
/* line 3631, app/assets/stylesheets/customers/birthday_blast.scss */
#page-home {
display: flex;
flex-direction: column;
}
/* line 3632, app/assets/stylesheets/customers/birthday_blast.scss */
#page-home > [class*="slash-"] {
display: none;
}
/* line 3633, app/assets/stylesheets/customers/birthday_blast.scss */
#page-home > .hero {
order: 0;
}
/* line 3634, app/assets/stylesheets/customers/birthday_blast.scss */
#page-home > div:nth-child(5) {
order: 1;
}
/* line 3635, app/assets/stylesheets/customers/birthday_blast.scss */
#page-home > .cats {
order: 2;
}
/* line 3636, app/assets/stylesheets/customers/birthday_blast.scss */
#page-home > div:nth-child(7) {
order: 3;
}
/* line 3637, app/assets/stylesheets/customers/birthday_blast.scss */
#page-home > div:nth-child(9) {
order: 4;
}
/* line 3638, app/assets/stylesheets/customers/birthday_blast.scss */
#page-home > div:nth-child(10) {
order: 5;
}
/* line 3639, app/assets/stylesheets/customers/birthday_blast.scss */
#page-home > .cta-sec {
order: 6;
}
/* line 3640, app/assets/stylesheets/customers/birthday_blast.scss */
#page-home > div:nth-child(5) .sec-sup {
color: var(--orange);
}
/* line 3642, 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 3647, 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 3648, app/assets/stylesheets/customers/birthday_blast.scss */
#page-home div[style*="background:rgba(255,255,255,.08)"] {
padding: 12px 16px !important;
}
/* line 3649, 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 3655, 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 3656, 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 3659, app/assets/stylesheets/customers/birthday_blast.scss */
.cta-sec {
padding: 36px 18px;
}
/* line 3660, app/assets/stylesheets/customers/birthday_blast.scss */
.cta-t {
font-size: 26px;
}
/* line 3661, app/assets/stylesheets/customers/birthday_blast.scss */
.cta-s {
font-size: 13px;
margin-bottom: 18px;
}
/* line 3662, app/assets/stylesheets/customers/birthday_blast.scss */
.cta-btn {
padding: 13px 32px;
font-size: 14px;
}
/* line 3665, app/assets/stylesheets/customers/birthday_blast.scss */
.modal-box {
padding: 22px 18px;
border-radius: 18px;
width: 94%;
}
/* line 3666, app/assets/stylesheets/customers/birthday_blast.scss */
.modal-title {
font-size: 20px;
}
/* line 3667, app/assets/stylesheets/customers/birthday_blast.scss */
.modal-sub {
font-size: 12px;
}
/* line 3668, app/assets/stylesheets/customers/birthday_blast.scss */
.variant-radio-option {
padding: 12px 14px;
border-radius: 10px;
}
/* line 3669, app/assets/stylesheets/customers/birthday_blast.scss */
.variant-radio-label {
font-size: 13.5px;
}
/* line 3670, app/assets/stylesheets/customers/birthday_blast.scss */
.modal-confirm-btn {
font-size: 14px;
padding: 13px;
}
/* line 3671, app/assets/stylesheets/customers/birthday_blast.scss */
.checkout-popup {
padding: 0;
border-radius: 18px;
width: 94%;
max-height: 88vh;
}
/* line 3672, app/assets/stylesheets/customers/birthday_blast.scss */
.checkout-popup-scroll {
padding: 24px 18px 8px;
}
/* line 3673, app/assets/stylesheets/customers/birthday_blast.scss */
.checkout-popup-title {
font-size: 21px;
}
/* line 3674, app/assets/stylesheets/customers/birthday_blast.scss */
.checkout-popup-sub {
font-size: 12px;
margin-bottom: 16px;
}
/* line 3675, app/assets/stylesheets/customers/birthday_blast.scss */
.upsell-popup-item {
flex-wrap: wrap;
gap: 8px 10px;
padding: 12px;
border-radius: 12px;
}
/* line 3676, app/assets/stylesheets/customers/birthday_blast.scss */
.upsell-popup-img {
width: 42px;
height: 32px;
border-radius: 6px;
}
/* line 3677, app/assets/stylesheets/customers/birthday_blast.scss */
.upsell-popup-name {
flex: 1 1 60%;
font-size: 13.5px;
}
/* line 3678, app/assets/stylesheets/customers/birthday_blast.scss */
.upsell-popup-check {
width: 22px;
height: 22px;
}
/* line 3679, app/assets/stylesheets/customers/birthday_blast.scss */
.upsell-popup-price-sel {
flex: 1 1 100%;
font-size: 14px;
padding: 9px 10px;
}
/* line 3680, app/assets/stylesheets/customers/birthday_blast.scss */
.upsell-popup-qty {
margin-left: auto;
}
/* line 3681, app/assets/stylesheets/customers/birthday_blast.scss */
.upsell-popup-qty button {
width: 32px;
height: 32px;
font-size: 18px;
}
/* line 3682, app/assets/stylesheets/customers/birthday_blast.scss */
.upsell-popup-qty span {
width: 32px;
font-size: 14px;
}
/* line 3683, app/assets/stylesheets/customers/birthday_blast.scss */
.popup-btns {
padding: 12px 18px 18px;
flex-direction: row;
gap: 8px;
}
/* line 3684, app/assets/stylesheets/customers/birthday_blast.scss */
.popup-no-btn, .popup-yes-btn {
font-size: 13.5px;
padding: 13px 8px;
}
/* line 3685, app/assets/stylesheets/customers/birthday_blast.scss */
.popup-no-btn {
flex: 0 0 38%;
}
/* line 3686, app/assets/stylesheets/customers/birthday_blast.scss */
.popup-yes-btn {
flex: 1;
}
/* line 3688, 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 3691, app/assets/stylesheets/customers/birthday_blast.scss */
.date-modal {
padding: 24px 18px 18px;
border-radius: 18px;
}
/* line 3692, app/assets/stylesheets/customers/birthday_blast.scss */
.date-modal-title {
font-size: 20px;
}
/* line 3693, app/assets/stylesheets/customers/birthday_blast.scss */
.date-modal-icon {
font-size: 34px;
}
/* line 3694, app/assets/stylesheets/customers/birthday_blast.scss */
.date-modal .booking-row {
grid-template-columns: 1fr;
}
/* line 3697, 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 3706, app/assets/stylesheets/customers/birthday_blast.scss */
#tcModal > div {
padding: 22px 18px !important;
border-radius: 18px;
}
/* line 3707, app/assets/stylesheets/customers/birthday_blast.scss */
#tcModal h2 {
font-size: 22px !important;
}
/* line 3708, app/assets/stylesheets/customers/birthday_blast.scss */
#tcModal div[style*="font-size:13px"] {
font-size: 12.5px !important;
}
/* line 3711, 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 3712, app/assets/stylesheets/customers/birthday_blast.scss */
.toast-cart.show {
transform: translateY(0);
}
/* line 3715, app/assets/stylesheets/customers/birthday_blast.scss */
body {
overflow-x: hidden;
}
/* line 3716, app/assets/stylesheets/customers/birthday_blast.scss */
.order-item {
flex-wrap: wrap;
}
/* line 3717, app/assets/stylesheets/customers/birthday_blast.scss */
.order-item > div:nth-child(2) {
flex: 1 1 60%;
min-width: 0;
}
/* line 3718, app/assets/stylesheets/customers/birthday_blast.scss */
.order-item-price {
flex-shrink: 0;
}
/* line 3721, 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 3732, 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 3757, 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 3768, 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 3773, app/assets/stylesheets/customers/birthday_blast.scss */
input.booking-input[type="date"],
input.form-input[type="date"] {
min-width: 140px;
}
/* line 3777, 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 3796, app/assets/stylesheets/customers/birthday_blast.scss */
select.booking-input {
padding-right: 32px;
}
/* line 3797, app/assets/stylesheets/customers/birthday_blast.scss */
select.upsell-popup-price-sel {
padding-right: 28px;
background-position: right 8px center;
background-size: 10px;
}
/* line 3800, 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 3806, app/assets/stylesheets/customers/birthday_blast.scss */
.nav {
padding: 0 12px;
}
/* line 3807, app/assets/stylesheets/customers/birthday_blast.scss */
.btn-call {
display: none;
}
/* line 3808, app/assets/stylesheets/customers/birthday_blast.scss */
.logo {
font-size: 19px;
}
/* line 3809, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-logo--large .bb-logo-img {
max-height: 40px;
}
/* line 3810, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-h1 {
font-size: 32px;
}
/* line 3811, app/assets/stylesheets/customers/birthday_blast.scss */
.sec-h2, .sec-h2-wh {
font-size: 21px;
}
/* line 3812, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-title {
font-size: 21px;
}
/* line 3813, app/assets/stylesheets/customers/birthday_blast.scss */
.cat {
flex: 0 0 144px;
width: 144px;
height: 128px;
}
/* line 3814, app/assets/stylesheets/customers/birthday_blast.scss */
.cta-t {
font-size: 23px;
}
/* line 3815, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-sticky-amount {
font-size: 19px;
}
/* line 3816, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-sticky-btn {
padding: 11px 16px;
font-size: 12.5px;
}
/* line 3817, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-bb-price {
font-size: 20px;
}
/* line 3818, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-bb-cta {
padding: 11px 20px;
font-size: 13px;
}
}
/* Pay in Full */
/* line 3823, app/assets/stylesheets/customers/birthday_blast.scss */
.theme-pay-amount-block {
margin-top: 12px;
padding: 20px;
border: 2px solid #e5e7eb;
border-radius: 14px;
background: #f9fafb;
}
/* line 3830, app/assets/stylesheets/customers/birthday_blast.scss */
.theme-pay-amount-block.hidden {
display: none;
}
/* line 3834, app/assets/stylesheets/customers/birthday_blast.scss */
.theme-pay-amount-block .theme-pay-amount-title {
font-size: 11px;
font-weight: 900;
letter-spacing: 3px;
text-transform: uppercase;
color: var(--orange);
margin-bottom: 14px;
}
/* line 3843, app/assets/stylesheets/customers/birthday_blast.scss */
.theme-pay-amount-block .theme-pay-amount-opt {
display: flex;
align-items: flex-start;
gap: 12px;
padding: 12px 16px;
border: 2px solid #e5e7eb;
border-radius: 12px;
background: #fff;
cursor: pointer;
margin-bottom: 20px;
position: relative;
transition: all .15s;
}
/* line 3856, app/assets/stylesheets/customers/birthday_blast.scss */
.theme-pay-amount-block .theme-pay-amount-opt:last-child {
margin-bottom: 0;
}
/* line 3860, app/assets/stylesheets/customers/birthday_blast.scss */
.theme-pay-amount-block .theme-pay-amount-opt:hover {
border-color: #ffcbb2;
}
/* line 3864, app/assets/stylesheets/customers/birthday_blast.scss */
.theme-pay-amount-block .theme-pay-amount-opt.selected {
border-color: var(--orange);
background: #FFF8F5;
}
/* line 3868, app/assets/stylesheets/customers/birthday_blast.scss */
.theme-pay-amount-block .theme-pay-amount-opt.selected .theme-pay-amount-radio {
border-color: var(--orange);
background: var(--orange);
}
/* line 3872, app/assets/stylesheets/customers/birthday_blast.scss */
.theme-pay-amount-block .theme-pay-amount-opt.selected .theme-pay-amount-radio::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 6px;
height: 6px;
border-radius: 50%;
background: #fff;
}
/* line 3886, app/assets/stylesheets/customers/birthday_blast.scss */
.theme-pay-amount-block .theme-pay-amount-opt input[type="radio"] {
position: absolute;
opacity: 0;
pointer-events: none;
}
/* line 3892, app/assets/stylesheets/customers/birthday_blast.scss */
.theme-pay-amount-block .theme-pay-amount-opt.featured .theme-pay-amount-price {
color: var(--orange);
}
/* line 3897, app/assets/stylesheets/customers/birthday_blast.scss */
.theme-pay-amount-block .theme-pay-amount-radio {
width: 18px;
height: 18px;
border-radius: 50%;
border: 2px solid #e5e7eb;
flex-shrink: 0;
margin-top: 3px;
position: relative;
background: #fff;
transition: all .15s;
}
/* line 3909, app/assets/stylesheets/customers/birthday_blast.scss */
.theme-pay-amount-block .theme-pay-amount-body {
flex: 1;
min-width: 0;
}
/* line 3914, app/assets/stylesheets/customers/birthday_blast.scss */
.theme-pay-amount-block .theme-pay-amount-name {
font-family: var(--font-body);
font-size: 14px;
font-weight: 700;
color: #1a1a1a;
margin-bottom: 4px;
}
/* line 3922, app/assets/stylesheets/customers/birthday_blast.scss */
.theme-pay-amount-block .theme-pay-amount-price {
font-family: var(--font-headline);
font-size: 24px;
color: #1a1a1a;
line-height: 1.05;
margin-bottom: 2px;
}
/* line 3930, app/assets/stylesheets/customers/birthday_blast.scss */
.theme-pay-amount-block .theme-pay-amount-price-sub {
font-family: var(--font-body);
font-size: 12px;
font-weight: 800;
color: #888;
letter-spacing: normal;
}
/* line 3938, app/assets/stylesheets/customers/birthday_blast.scss */
.theme-pay-amount-block .theme-pay-amount-sub {
font-size: 13px;
font-weight: 700;
color: #555;
line-height: 1.4;
}
/* line 3945, app/assets/stylesheets/customers/birthday_blast.scss */
.theme-pay-amount-block .theme-pay-amount-badge {
position: absolute;
top: -11px;
right: 14px;
background: var(--orange);
color: #fff;
font-size: 10px;
font-weight: 900;
letter-spacing: 2px;
text-transform: uppercase;
padding: 5px 12px;
border-radius: 999px;
box-shadow: 0 4px 12px rgba(255, 87, 34, 0.35);
white-space: nowrap;
}
/* line 1, app/assets/stylesheets/customers/checkout_signature.scss */
.checkout-sig {
margin-bottom: 14px;
}
/* line 5, app/assets/stylesheets/customers/checkout_signature.scss */
.checkout-sig-label {
display: block;
font-size: 13px;
font-weight: 600;
margin-bottom: 6px;
}
/* line 12, app/assets/stylesheets/customers/checkout_signature.scss */
.checkout-sig-input {
width: 100%;
font: inherit;
font-size: 15px;
padding: 11px 13px;
border: 1px solid #c8d5e3;
border-radius: 6px;
background: #fff;
color: #1f2733;
}
/* line 22, app/assets/stylesheets/customers/checkout_signature.scss */
.checkout-sig-input:focus {
outline: 2px solid rgba(37, 99, 235, 0.35);
outline-offset: -1px;
}
/* line 23, app/assets/stylesheets/customers/checkout_signature.scss */
.checkout-sig-input:disabled {
opacity: .6;
cursor: not-allowed;
}
/* line 26, app/assets/stylesheets/customers/checkout_signature.scss */
.checkout-sig-hint {
font-size: 12.5px;
line-height: 1.5;
color: #C2255C;
margin: 8px 0 0;
}
/* line 32, app/assets/stylesheets/customers/checkout_signature.scss */
.checkout-sig-hint[hidden] {
display: none;
}
/* line 35, app/assets/stylesheets/customers/checkout_signature.scss */
.checkout-sig-preview {
margin-top: 10px;
border: 1px dashed #d2d9e3;
border-radius: 6px;
background: #fcfdff;
padding: 10px 13px;
font-family: 'Dancing Script', 'Segoe Script', 'Brush Script MT', cursive;
font-size: 25px;
line-height: 1.25;
color: #1f2733;
word-break: break-word;
}
/* line 47, app/assets/stylesheets/customers/checkout_signature.scss */
.checkout-sig-preview[hidden] {
display: none;
}
/* line 50, app/assets/stylesheets/customers/checkout_signature.scss */
.checkout-sig-note {
font-size: 12.5px;
line-height: 1.5;
color: #6b7280;
margin: 8px 0 0;
}
/* line 57, app/assets/stylesheets/customers/checkout_signature.scss */
.checkout-sig-gate {
display: none;
}
/* line 1, app/assets/stylesheets/customers/_booked_products_shared.scss */
.booked-divider {
grid-column: 1 / -1;
display: flex;
align-items: center;
gap: 16px;
margin: 18px 0 4px;
}
/* line 8, app/assets/stylesheets/customers/_booked_products_shared.scss */
.booked-divider::before, .booked-divider::after {
content: '';
flex: 1;
height: 2px;
background: var(--booked-divider-line, #EFE9E3);
}
/* line 17, app/assets/stylesheets/customers/_booked_products_shared.scss */
.booked-divider-text {
font-family: var(--booked-divider-font, inherit);
font-weight: 700;
font-size: 20px;
line-height: 1.3;
color: var(--booked-divider-color, #6B6B76);
text-align: center;
}
/* line 26, app/assets/stylesheets/customers/_booked_products_shared.scss */
.booked-badge {
position: absolute;
top: 14px;
left: 14px;
z-index: 3;
display: inline-flex;
align-items: center;
gap: 7px;
max-width: calc(100% - 28px);
padding: 7px 13px;
border-radius: 999px;
background: rgba(17, 24, 39, 0.86);
color: #fff;
font-size: 13px;
font-weight: 800;
line-height: 1;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
pointer-events: none;
}
/* line 47, app/assets/stylesheets/customers/_booked_products_shared.scss */
.booked-badge i {
flex: none;
width: 8px;
height: 8px;
border-radius: 50%;
background: #FF6B6B;
}
/* line 56, app/assets/stylesheets/customers/_booked_products_shared.scss */
.is-booked img {
filter: saturate(0.55) brightness(0.97);
}
@media (max-width: 620px) {
/* line 61, app/assets/stylesheets/customers/_booked_products_shared.scss */
.booked-divider {
gap: 10px;
margin: 10px 0 0;
}
/* line 62, app/assets/stylesheets/customers/_booked_products_shared.scss */
.booked-divider-text {
font-size: 15px;
}
/* line 63, app/assets/stylesheets/customers/_booked_products_shared.scss */
.booked-badge {
top: 10px;
left: 10px;
max-width: calc(100% - 20px);
padding: 6px 10px;
font-size: 11px;
gap: 6px;
}
}