/* line 23, app/assets/stylesheets/customers/birthday_blast.scss */
*, *::before, *::after {
box-sizing: border-box;
margin: 0;
padding: 0;
}
/* line 24, app/assets/stylesheets/customers/birthday_blast.scss */
html {
scroll-behavior: smooth;
}
/* line 25, app/assets/stylesheets/customers/birthday_blast.scss */
.hidden {
display: none !important;
}
/* line 28, app/assets/stylesheets/customers/birthday_blast.scss */
:root {
--primary: #FF5722;
--secondary: #FFD600;
--surface-dark: #071526;
--surface-warm: #FFFBF5;
--font-headline: 'Fredoka One', cursive;
--font-body: 'Nunito', sans-serif;
--navy: var(--surface-dark);
--orange: var(--primary);
--yellow: var(--secondary);
--light: var(--surface-warm);
--blue: #0099E6;
--pink: #FF3CAC;
--green: #00C27C;
}
/* line 45, app/assets/stylesheets/customers/birthday_blast.scss */
[data-theme="bright-bold"] {
--primary: #2563EB;
--secondary: #EF4444;
--surface-dark: #1E1B4B;
--surface-warm: #FAFAFA;
--font-headline: 'Titan One', sans-serif;
--font-body: 'Inter', sans-serif;
}
/* line 54, app/assets/stylesheets/customers/birthday_blast.scss */
[data-theme="soft-pastel"] {
--primary: #F472B6;
--secondary: #5EEAD4;
--surface-dark: #7C3AED;
--surface-warm: #FDF4FF;
--font-headline: 'Quicksand', sans-serif;
--font-body: 'Quicksand', sans-serif;
}
/* line 63, app/assets/stylesheets/customers/birthday_blast.scss */
[data-theme="neon-fun"] {
--primary: #EC4899;
--secondary: #A3E635;
--surface-dark: #0A0A0A;
--surface-warm: #FAFAFA;
--font-headline: 'Bagel Fat One', sans-serif;
--font-body: 'Inter', sans-serif;
}
/* line 73, app/assets/stylesheets/customers/birthday_blast.scss */
body.bb-template {
background: #fff;
font-family: var(--font-body);
line-height: 1.5;
overflow-x: hidden;
}
/* line 79, app/assets/stylesheets/customers/birthday_blast.scss */
body.bb-template button, body.bb-template select, body.bb-template input, body.bb-template textarea {
font-family: inherit;
}
/* line 80, app/assets/stylesheets/customers/birthday_blast.scss */
body.bb-template img {
display: block;
}
@keyframes bbFlashIn {
from {
opacity: 0;
transform: translateY(-14px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes bbFlashOut {
from {
opacity: 1;
transform: translateY(0);
}
to {
opacity: 0;
transform: translateY(-14px);
}
}
/* line 93, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-flash {
position: fixed;
top: 86px;
right: 24px;
z-index: 9999;
padding: 16px 20px 16px 22px;
border-radius: 16px;
font-family: var(--font-body);
font-size: 15px;
font-weight: 700;
display: flex;
align-items: center;
gap: 14px;
box-shadow: 0 8px 36px rgba(0, 0, 0, 0.18);
max-width: 420px;
animation: bbFlashIn .28s ease forwards;
}
/* line 110, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-flash.bb-flash-hiding {
animation: bbFlashOut .28s ease forwards;
}
/* line 112, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-flash button {
background: none;
border: none;
font-size: 20px;
line-height: 1;
cursor: pointer;
opacity: .35;
padding: 0;
color: #1a1a1a;
flex-shrink: 0;
margin-left: auto;
}
/* line 124, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-flash button:hover {
opacity: .7;
}
/* line 127, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-flash.bb-flash-notice {
background: #fff;
border-left: 5px solid var(--green);
color: #1a1a1a;
}
/* line 128, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-flash.bb-flash-alert {
background: #fff;
border-left: 5px solid #ef4444;
color: #1a1a1a;
}
/* line 132, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-template .alert_message_div {
position: fixed;
top: 86px;
right: 24px;
z-index: 9999;
width: max-content;
max-width: 480px;
animation: bbFlashIn .28s ease forwards;
}
@media (max-width: 528px) {
/* line 132, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-template .alert_message_div {
max-width: calc(100% - 48px);
}
}
/* line 143, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-template .alert_message_div .alert {
background: #fff;
border: none;
border-radius: 16px;
box-shadow: 0 8px 36px rgba(0, 0, 0, 0.18);
padding: 16px 20px 16px 22px;
font-family: var(--font-body);
font-size: 15px;
font-weight: 700;
color: #1a1a1a;
display: flex;
align-items: center;
gap: 16px;
margin: 0;
white-space: nowrap;
}
/* line 159, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-template .alert_message_div .alert.alert-danger {
border-left: 5px solid #ef4444;
}
/* line 160, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-template .alert_message_div .alert.alert-success {
border-left: 5px solid var(--green);
}
/* line 161, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-template .alert_message_div .alert.alert-warning {
border-left: 5px solid #f59e0b;
}
/* line 162, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-template .alert_message_div .alert.alert-info {
border-left: 5px solid #3b82f6;
}
/* line 165, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-template .alert_message_div .message {
white-space: normal;
flex: 1;
min-width: 0;
}
/* line 171, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-template .alert_message_div .close {
background: none;
border: none;
font-size: 20px;
line-height: 1;
cursor: pointer;
opacity: .35;
padding: 0;
color: #1a1a1a;
flex-shrink: 0;
position: static;
float: none;
text-shadow: none;
align-self: flex-start;
}
/* line 186, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-template .alert_message_div .close:hover {
opacity: .7;
}
/* line 191, app/assets/stylesheets/customers/birthday_blast.scss */
.nav {
background: var(--nav-bg, #fff);
padding: 0 48px;
display: flex;
justify-content: space-between;
align-items: center;
height: 66px;
position: sticky;
top: 0;
z-index: 999;
box-shadow: 0 2px 0 #FFE0CC;
}
/* line 204, app/assets/stylesheets/customers/birthday_blast.scss */
.logo {
font-family: var(--font-headline);
font-size: 28px;
color: var(--orange);
cursor: pointer;
text-decoration: none;
display: flex;
align-items: center;
}
/* line 213, app/assets/stylesheets/customers/birthday_blast.scss */
.logo .bb-logo-img {
max-height: 47px;
width: auto;
display: block;
}
/* line 220, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-logo--small .bb-logo-img {
max-height: 32px;
}
/* line 221, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-logo--medium .bb-logo-img {
max-height: 47px;
}
/* line 222, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-logo--large .bb-logo-img {
max-height: 64px;
}
/* line 224, app/assets/stylesheets/customers/birthday_blast.scss */
.nav-links {
display: flex;
height: 66px;
}
/* line 226, app/assets/stylesheets/customers/birthday_blast.scss */
.nav-link {
padding: 0 20px;
font-size: 13px;
font-weight: 800;
color: #555;
display: flex;
align-items: center;
border-bottom: 3px solid transparent;
margin-bottom: -3px;
cursor: pointer;
transition: color .15s;
text-decoration: none;
}
/* line 239, app/assets/stylesheets/customers/birthday_blast.scss */
.nav-link:hover, .nav-link.on {
color: var(--orange);
border-bottom-color: var(--orange);
}
/* line 242, app/assets/stylesheets/customers/birthday_blast.scss */
.nav-r {
display: flex;
align-items: center;
gap: 10px;
}
/* line 244, app/assets/stylesheets/customers/birthday_blast.scss */
.btn-call {
background: var(--yellow);
color: #1a1a1a;
padding: 10px 22px;
border-radius: 999px;
font-size: 13px;
font-weight: 900;
border: none;
cursor: pointer;
text-decoration: none;
white-space: nowrap;
}
/* line 257, app/assets/stylesheets/customers/birthday_blast.scss */
.btn-cart {
background: var(--navy);
color: #fff;
width: 40px;
height: 40px;
border-radius: 50%;
border: none;
font-size: 16px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
position: relative;
text-decoration: none;
}
/* line 273, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-badge {
position: absolute;
top: -4px;
right: -4px;
background: var(--orange);
color: #fff;
width: 18px;
height: 18px;
border-radius: 50%;
font-size: 10px;
font-weight: 900;
display: flex;
align-items: center;
justify-content: center;
}
/* line 290, app/assets/stylesheets/customers/birthday_blast.scss */
.sec-sup {
font-size: 11px;
font-weight: 900;
letter-spacing: 3px;
text-transform: uppercase;
color: var(--orange);
margin-bottom: 6px;
}
/* line 296, app/assets/stylesheets/customers/birthday_blast.scss */
.sec-h2 {
font-family: var(--font-headline);
font-size: 44px;
color: var(--heading-color, var(--surface-dark, #1a1a1a));
line-height: 1;
}
/* line 303, app/assets/stylesheets/customers/birthday_blast.scss */
.sec-h2-wh {
font-family: var(--font-headline);
font-size: 44px;
color: #fff;
line-height: 1;
}
/* line 310, app/assets/stylesheets/customers/birthday_blast.scss */
.sec-center {
text-align: center;
margin-bottom: 36px;
}
/* line 311, app/assets/stylesheets/customers/birthday_blast.scss */
.sec-label {
display: flex;
align-items: baseline;
gap: 16px;
margin-bottom: 36px;
}
/* line 313, app/assets/stylesheets/customers/birthday_blast.scss */
.btn-primary {
background: var(--orange);
color: #fff;
padding: 14px 36px;
border-radius: 999px;
font-size: 15px;
font-weight: 900;
border: none;
cursor: pointer;
box-shadow: 0 6px 20px color-mix(in srgb, var(--primary) 40%, transparent);
text-decoration: none;
display: inline-block;
}
/* line 327, app/assets/stylesheets/customers/birthday_blast.scss */
.btn-secondary {
background: transparent;
color: var(--orange);
padding: 13px 30px;
border-radius: 999px;
font-size: 15px;
font-weight: 800;
border: 2px solid var(--orange);
cursor: pointer;
text-decoration: none;
display: inline-block;
}
/* line 341, app/assets/stylesheets/customers/birthday_blast.scss */
.slash-down-light,
.slash-up-white,
.slash-down-navy,
.slash-up-navy,
.slash-down-orange {
overflow: hidden;
line-height: 0;
margin-top: -2px;
}
/* line 351, app/assets/stylesheets/customers/birthday_blast.scss */
.slash-down-light {
color: var(--light);
}
/* line 354, app/assets/stylesheets/customers/birthday_blast.scss */
.hero {
position: relative;
height: 560px;
overflow: hidden;
background: var(--navy);
}
/* line 361, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-img {
position: absolute;
inset: 0;
}
/* line 365, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-img img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center 35%;
}
/* line 367, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-img::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(100deg, color-mix(in srgb, var(--surface-dark) 92%, transparent) 0%, color-mix(in srgb, var(--surface-dark) 65%, transparent) 45%, color-mix(in srgb, var(--surface-dark) 5%, transparent) 100%);
}
/* line 378, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-starburst {
position: absolute;
right: 8%;
top: 50%;
transform: translateY(-50%);
width: 320px;
height: 320px;
opacity: .1;
z-index: 1;
}
/* line 389, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-dots {
position: absolute;
inset: 0;
z-index: 1;
background-image: radial-gradient(rgba(255, 214, 0, 0.2) 1.5px, transparent 1.5px);
background-size: 28px 28px;
}
/* line 397, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-content {
position: relative;
z-index: 3;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
padding: 0 80px;
max-width: 680px;
gap: 24px;
}
/* line 409, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-h1 {
font-family: var(--font-headline);
font-size: 82px;
line-height: .92;
color: #fff;
}
/* line 415, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-h1 .pop {
color: var(--yellow);
}
/* line 416, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-h1 .pop2 {
color: #FF9EBC;
}
/* line 419, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-sub {
font-size: 16px;
color: rgba(255, 255, 255, 0.82);
line-height: 1.7;
max-width: 420px;
}
/* line 426, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-btns {
display: flex;
gap: 14px;
}
/* line 428, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-btn1 {
background: var(--orange);
color: #fff;
padding: 16px 40px;
border-radius: 999px;
font-size: 15px;
font-weight: 900;
border: none;
cursor: pointer;
box-shadow: 0 8px 28px color-mix(in srgb, var(--primary) 45%, transparent);
}
/* line 440, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-btn2 {
background: transparent;
color: #fff;
padding: 16px 30px;
border-radius: 999px;
font-size: 15px;
font-weight: 800;
border: 2px solid rgba(255, 255, 255, 0.4);
cursor: pointer;
}
/* line 452, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-date-bar {
background: rgba(255, 255, 255, 0.12);
backdrop-filter: blur(12px);
border: 1.5px solid rgba(255, 255, 255, 0.25);
border-radius: 18px;
padding: 20px 24px;
max-width: 520px;
margin-top: 8px;
}
/* line 462, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-date-bar-label {
font-size: 11px;
font-weight: 900;
letter-spacing: 2px;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.6);
margin-bottom: 10px;
}
/* line 468, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-date-row {
display: flex;
gap: 10px;
align-items: center;
}
/* line 470, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-date-input {
flex: 1;
padding: 13px 38px 13px 16px;
border-radius: 12px;
border: none;
font-size: 15px;
font-weight: 700;
color: #1a1a1a;
outline: none;
background: #fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ff5722' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E") no-repeat right 12px center/16px;
cursor: pointer;
}
/* line 483, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-date-btn {
background: var(--orange);
color: #fff;
padding: 13px 24px;
border-radius: 12px;
font-size: 14px;
font-weight: 900;
border: none;
cursor: pointer;
white-space: nowrap;
box-shadow: 0 4px 16px color-mix(in srgb, var(--primary) 45%, transparent);
}
/* line 496, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-skip {
font-size: 12px;
color: rgba(255, 255, 255, 0.5);
margin-top: 8px;
cursor: pointer;
text-decoration: underline;
text-underline-offset: 3px;
display: inline-block;
}
/* line 505, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-skip:hover {
color: rgba(255, 255, 255, 0.8);
}
/* line 509, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-hero-video {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 0;
}
/* line 518, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-hero-slide {
opacity: 0;
transition: opacity 0.6s ease-in-out;
z-index: 0;
}
/* line 523, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-hero-slide.active {
opacity: 1;
}
/* line 526, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-hero-nav {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 4;
background: rgba(255, 255, 255, 0.2);
border: 1px solid rgba(255, 255, 255, 0.35);
color: #fff;
width: 44px;
height: 44px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: background 0.2s;
}
/* line 543, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-hero-nav:hover {
background: rgba(255, 255, 255, 0.38);
}
/* line 546, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-hero-prev {
left: 20px;
}
/* line 547, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-hero-next {
right: 20px;
}
/* line 549, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-hero-dots {
position: absolute;
bottom: 18px;
left: 50%;
transform: translateX(-50%);
display: flex;
gap: 8px;
z-index: 4;
}
/* line 559, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-hero-dot {
width: 10px;
height: 10px;
border-radius: 50%;
border: none;
background: rgba(255, 255, 255, 0.45);
cursor: pointer;
transition: background 0.2s, width 0.2s;
}
/* line 568, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-hero-dot.active {
background: #FFD600;
width: 28px;
border-radius: 5px;
}
@media (max-width: 600px) {
/* line 576, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-hero-prev {
left: 10px;
}
/* line 577, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-hero-next {
right: 10px;
}
/* line 578, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-hero-nav {
top: 32%;
}
}
/* line 582, app/assets/stylesheets/customers/birthday_blast.scss */
.cats {
background: var(--light);
padding: 64px 48px 80px;
}
/* line 584, app/assets/stylesheets/customers/birthday_blast.scss */
.cat-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
/* line 586, 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 599, app/assets/stylesheets/customers/birthday_blast.scss */
.cat:nth-child(odd) {
transform: rotate(-1deg);
}
/* line 600, app/assets/stylesheets/customers/birthday_blast.scss */
.cat:nth-child(even) {
transform: rotate(1deg);
}
/* line 601, 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 603, 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 611, app/assets/stylesheets/customers/birthday_blast.scss */
.cat-bg {
position: absolute;
inset: 0;
}
/* line 615, app/assets/stylesheets/customers/birthday_blast.scss */
.cat-bg img {
width: 100%;
height: 100%;
object-fit: cover;
}
/* line 618, app/assets/stylesheets/customers/birthday_blast.scss */
.cat-tint {
position: absolute;
inset: 0;
opacity: .25;
mix-blend-mode: multiply;
}
/* line 619, app/assets/stylesheets/customers/birthday_blast.scss */
.cat-info {
position: relative;
z-index: 1;
}
/* line 620, app/assets/stylesheets/customers/birthday_blast.scss */
.cat-name {
font-family: var(--font-headline);
font-size: 22px;
color: #fff;
margin-bottom: 2px;
}
/* line 621, app/assets/stylesheets/customers/birthday_blast.scss */
.cat-sub {
font-size: 13px;
color: rgba(255, 255, 255, 0.85);
font-weight: 700;
}
/* line 623, 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 638, app/assets/stylesheets/customers/birthday_blast.scss */
.cat--image-only .cat-info {
display: none;
}
/* line 640, app/assets/stylesheets/customers/birthday_blast.scss */
.cat--below {
height: auto;
flex-direction: column;
align-items: stretch;
padding: 0;
}
/* line 646, app/assets/stylesheets/customers/birthday_blast.scss */
.cat--below:nth-child(odd) {
transform: none;
}
/* line 647, app/assets/stylesheets/customers/birthday_blast.scss */
.cat--below:nth-child(even) {
transform: none;
}
/* line 648, app/assets/stylesheets/customers/birthday_blast.scss */
.cat--below:hover {
transform: scale(1.02) !important;
}
/* line 649, app/assets/stylesheets/customers/birthday_blast.scss */
.cat--below::after {
display: none;
}
/* line 651, app/assets/stylesheets/customers/birthday_blast.scss */
.cat--below .cat-bg {
position: relative;
height: 180px;
flex-shrink: 0;
}
/* line 657, app/assets/stylesheets/customers/birthday_blast.scss */
.cat--below .cat-tint {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 180px;
}
/* line 663, app/assets/stylesheets/customers/birthday_blast.scss */
.cat--below .cat-info {
padding: 14px 18px 16px;
background: #fff;
}
/* line 668, app/assets/stylesheets/customers/birthday_blast.scss */
.cat--below .cat-name {
color: #1a1a1a;
font-size: 18px;
margin-bottom: 4px;
}
/* line 671, app/assets/stylesheets/customers/birthday_blast.scss */
.cat-cta {
display: inline-block;
margin-top: 4px;
font-size: 12px;
font-weight: 800;
color: var(--orange);
text-transform: uppercase;
letter-spacing: 1px;
}
/* line 682, app/assets/stylesheets/customers/birthday_blast.scss */
.prod-grid-4 {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
}
/* line 683, app/assets/stylesheets/customers/birthday_blast.scss */
.prod-grid-3 {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
/* line 685, 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 696, 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 701, app/assets/stylesheets/customers/birthday_blast.scss */
.prod-card:hover .prod-card-img img {
transform: scale(1.06);
}
/* line 702, app/assets/stylesheets/customers/birthday_blast.scss */
.prod-card:hover .prod-card-img::before {
opacity: 1;
}
/* line 707, app/assets/stylesheets/customers/birthday_blast.scss */
.prod-card-img {
aspect-ratio: 4/3;
position: relative;
overflow: hidden;
}
/* line 712, 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 714, 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 725, app/assets/stylesheets/customers/birthday_blast.scss */
.prod-accent {
height: 5px;
width: 100%;
}
/* line 726, app/assets/stylesheets/customers/birthday_blast.scss */
.prod-card-body {
padding: 18px 20px 22px;
flex: 1;
display: flex;
flex-direction: column;
}
/* line 727, app/assets/stylesheets/customers/birthday_blast.scss */
.prod-card-cat {
font-size: 10px;
font-weight: 900;
letter-spacing: 2px;
text-transform: uppercase;
margin-bottom: 4px;
}
/* line 728, app/assets/stylesheets/customers/birthday_blast.scss */
.prod-card-name {
font-family: var(--font-headline);
font-size: 21px;
color: #1a1a1a;
margin-bottom: 6px;
}
/* line 729, app/assets/stylesheets/customers/birthday_blast.scss */
.prod-card-desc {
font-size: 12px;
color: #777;
margin-bottom: 14px;
line-height: 1.45;
}
/* line 730, app/assets/stylesheets/customers/birthday_blast.scss */
.prod-card-row {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: auto;
}
/* line 731, app/assets/stylesheets/customers/birthday_blast.scss */
.prod-card-price {
font-size: 20px;
font-weight: 900;
color: var(--orange);
}
/* line 733, app/assets/stylesheets/customers/birthday_blast.scss */
.prod-card-btn {
color: #fff;
border: none;
padding: 10px 22px;
border-radius: 999px;
font-size: 12px;
font-weight: 900;
cursor: pointer;
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18);
transition: transform .15s, box-shadow .15s;
}
/* line 746, app/assets/stylesheets/customers/birthday_blast.scss */
.g-rev-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
margin-top: 36px;
}
/* line 748, 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 756, app/assets/stylesheets/customers/birthday_blast.scss */
.g-top {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 10px;
}
/* line 758, 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 771, app/assets/stylesheets/customers/birthday_blast.scss */
.g-uname {
font-size: 14px;
font-weight: 800;
color: #202124;
}
/* line 772, app/assets/stylesheets/customers/birthday_blast.scss */
.g-udate {
font-size: 12px;
color: #70757a;
margin-top: 1px;
}
/* line 773, app/assets/stylesheets/customers/birthday_blast.scss */
.g-glogo {
margin-left: auto;
flex-shrink: 0;
}
/* line 774, app/assets/stylesheets/customers/birthday_blast.scss */
.g-stars {
color: #FBBC04;
font-size: 16px;
margin-bottom: 8px;
letter-spacing: 1px;
}
/* line 775, app/assets/stylesheets/customers/birthday_blast.scss */
.g-text {
font-size: 13px;
color: #3c4043;
line-height: 1.65;
}
/* line 778, 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 786, app/assets/stylesheets/customers/birthday_blast.scss */
.t-top {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 12px;
}
/* line 788, 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 801, app/assets/stylesheets/customers/birthday_blast.scss */
.t-avatar img {
width: 100%;
height: 100%;
object-fit: cover;
}
/* line 804, app/assets/stylesheets/customers/birthday_blast.scss */
.t-name {
font-size: 14px;
font-weight: 800;
color: #202124;
}
/* line 805, app/assets/stylesheets/customers/birthday_blast.scss */
.t-desig {
font-size: 12px;
color: #70757a;
margin-top: 1px;
}
/* line 806, app/assets/stylesheets/customers/birthday_blast.scss */
.t-stars {
color: #FBBC04;
font-size: 16px;
margin-bottom: 8px;
letter-spacing: 1px;
}
/* line 807, app/assets/stylesheets/customers/birthday_blast.scss */
.t-text {
font-size: 13px;
color: #3c4043;
line-height: 1.65;
}
/* line 810, 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 818, app/assets/stylesheets/customers/birthday_blast.scss */
.gcell {
border-radius: 22px;
overflow: hidden;
}
/* line 822, app/assets/stylesheets/customers/birthday_blast.scss */
.gcell.big {
grid-row: span 2;
}
/* line 824, app/assets/stylesheets/customers/birthday_blast.scss */
.gcell img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform .3s;
}
/* line 826, app/assets/stylesheets/customers/birthday_blast.scss */
.gcell:hover img {
transform: scale(1.04);
}
/* line 830, app/assets/stylesheets/customers/birthday_blast.scss */
.cta-sec {
background: var(--orange);
padding: 80px 48px;
text-align: center;
position: relative;
overflow: hidden;
}
/* line 838, app/assets/stylesheets/customers/birthday_blast.scss */
.cta-blob {
position: absolute;
border-radius: 50%;
background: rgba(255, 255, 255, 0.07);
}
/* line 840, app/assets/stylesheets/customers/birthday_blast.scss */
.cta-t {
font-family: var(--font-headline);
font-size: 54px;
color: #fff;
margin-bottom: 12px;
position: relative;
z-index: 1;
}
/* line 849, app/assets/stylesheets/customers/birthday_blast.scss */
.cta-s {
font-size: 17px;
color: rgba(255, 255, 255, 0.88);
margin-bottom: 32px;
position: relative;
z-index: 1;
}
/* line 857, 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 874, app/assets/stylesheets/customers/birthday_blast.scss */
.faq-list {
display: flex;
flex-direction: column;
gap: 12px;
margin-top: 32px;
}
/* line 876, 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 883, app/assets/stylesheets/customers/birthday_blast.scss */
.faq-item.open .faq-a {
display: block;
}
/* line 884, app/assets/stylesheets/customers/birthday_blast.scss */
.faq-item.open .faq-ico {
transform: rotate(45deg);
background: var(--navy);
}
/* line 888, 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 900, 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 914, 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 917, app/assets/stylesheets/customers/birthday_blast.scss */
.footer {
background: var(--navy);
padding: 56px 80px 28px;
}
/* line 919, 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 926, app/assets/stylesheets/customers/birthday_blast.scss */
.footer-logo {
font-family: var(--font-headline);
font-size: 28px;
color: var(--yellow);
margin-bottom: 12px;
}
/* line 927, 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 929, app/assets/stylesheets/customers/birthday_blast.scss */
.footer-call {
display: inline-flex;
align-items: center;
gap: 7px;
background: var(--orange);
color: #fff;
padding: 11px 24px;
border-radius: 999px;
font-size: 13px;
font-weight: 900;
border: none;
cursor: pointer;
text-decoration: none;
}
/* line 944, app/assets/stylesheets/customers/birthday_blast.scss */
.footer-col-title {
font-size: 10px;
font-weight: 900;
letter-spacing: 2.5px;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.28);
margin-bottom: 16px;
}
/* line 946, app/assets/stylesheets/customers/birthday_blast.scss */
.footer-link {
display: block;
font-size: 13px;
color: rgba(255, 255, 255, 0.5);
margin-bottom: 9px;
cursor: pointer;
transition: color .15s;
text-decoration: none;
}
/* line 955, app/assets/stylesheets/customers/birthday_blast.scss */
.footer-link:hover {
color: #fff;
}
/* line 958, app/assets/stylesheets/customers/birthday_blast.scss */
.footer-socials {
display: flex;
gap: 10px;
margin-top: 16px;
}
/* line 960, 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 972, 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 982, app/assets/stylesheets/customers/birthday_blast.scss */
.footer-copy {
font-size: 12px;
color: rgba(255, 255, 255, 0.22);
}
/* line 984, app/assets/stylesheets/customers/birthday_blast.scss */
.footer-tc {
font-size: 12px;
color: rgba(255, 255, 255, 0.22);
text-decoration: none;
cursor: pointer;
}
/* line 990, app/assets/stylesheets/customers/birthday_blast.scss */
.footer-tc:hover {
color: rgba(255, 255, 255, 0.5);
}
/* line 994, 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 1008, 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 1018, app/assets/stylesheets/customers/birthday_blast.scss */
.nav-toggle.open span:nth-child(1) {
transform: translateY(7.5px) rotate(45deg);
}
/* line 1019, app/assets/stylesheets/customers/birthday_blast.scss */
.nav-toggle.open span:nth-child(2) {
opacity: 0;
}
/* line 1020, app/assets/stylesheets/customers/birthday_blast.scss */
.nav-toggle.open span:nth-child(3) {
transform: translateY(-7.5px) rotate(-45deg);
}
/* line 1024, 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 1031, app/assets/stylesheets/customers/birthday_blast.scss */
.nav-backdrop.on {
display: block;
}
/* line 1035, 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 1051, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-bottom-bar.hidden {
transform: translateY(110%);
opacity: 0;
pointer-events: none;
}
/* line 1054, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-bb-info {
display: flex;
flex-direction: column;
line-height: 1.1;
}
/* line 1055, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-bb-label {
font-size: 11px;
color: #888;
font-weight: 700;
letter-spacing: .4px;
}
/* line 1056, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-bb-price {
font-family: var(--font-headline);
font-size: 22px;
color: var(--orange);
}
/* line 1058, 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 1072, app/assets/stylesheets/customers/birthday_blast.scss */
.inner-hero {
position: relative;
height: 340px;
overflow: hidden;
background: var(--navy);
}
/* line 1078, app/assets/stylesheets/customers/birthday_blast.scss */
.inner-hero img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center 40%;
}
/* line 1080, 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 1090, 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 1091, app/assets/stylesheets/customers/birthday_blast.scss */
.inner-hero-title {
font-family: var(--font-headline);
font-size: 60px;
color: #fff;
line-height: 1;
}
/* line 1092, 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 1095, app/assets/stylesheets/customers/birthday_blast.scss */
.browse-wrap {
background: var(--light);
padding: 48px;
}
/* line 1097, app/assets/stylesheets/customers/birthday_blast.scss */
.filter-bar {
display: flex;
gap: 10px;
flex-wrap: wrap;
margin-bottom: 36px;
}
/* line 1099, 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 1113, app/assets/stylesheets/customers/birthday_blast.scss */
.filter-chip:hover {
border-color: var(--orange);
color: var(--orange);
}
/* line 1114, app/assets/stylesheets/customers/birthday_blast.scss */
.filter-chip.on {
background: var(--orange);
color: #fff;
border-color: var(--orange);
}
/* line 1117, app/assets/stylesheets/customers/birthday_blast.scss */
.browse-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
}
/* line 1119, 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 1131, app/assets/stylesheets/customers/birthday_blast.scss */
.browse-event-bar-left {
display: flex;
align-items: center;
gap: 14px;
flex: 1;
min-width: 200px;
}
/* line 1133, 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 1145, app/assets/stylesheets/customers/birthday_blast.scss */
.browse-event-bar-label {
font-size: 15px;
font-weight: 900;
color: #1a1a1a;
}
/* line 1146, app/assets/stylesheets/customers/birthday_blast.scss */
.browse-event-bar-sub {
font-size: 14px;
color: #999;
font-weight: 700;
}
/* line 1148, app/assets/stylesheets/customers/birthday_blast.scss */
.browse-event-bar-sub.has-date {
color: var(--green);
font-weight: 800;
}
/* line 1151, app/assets/stylesheets/customers/birthday_blast.scss */
.browse-event-bar-right {
display: flex;
align-items: center;
gap: 10px;
flex-shrink: 0;
}
/* line 1153, 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 1166, app/assets/stylesheets/customers/birthday_blast.scss */
.browse-event-input:focus {
border-color: var(--orange);
}
/* line 1167, app/assets/stylesheets/customers/birthday_blast.scss */
.browse-event-input.filled {
border-color: var(--orange);
background-color: #FFF4F0;
}
/* line 1170, 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 1183, app/assets/stylesheets/customers/birthday_blast.scss */
.browse-event-btn:hover {
transform: translateY(-1px);
}
/* line 1186, 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 1199, app/assets/stylesheets/customers/birthday_blast.scss */
.browse-event-clear:hover {
color: var(--orange);
}
/* line 1202, 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 1212, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-back-link:hover {
color: var(--orange);
}
/* line 1216, 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 1218, app/assets/stylesheets/customers/birthday_blast.scss */
.about-story-img {
border-radius: 28px;
overflow: hidden;
aspect-ratio: 4/3;
position: relative;
}
/* line 1224, 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 1227, 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 1229, 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 1234, app/assets/stylesheets/customers/birthday_blast.scss */
.about-stat:last-child {
border-right: none;
}
/* line 1237, 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 1238, 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 1239, app/assets/stylesheets/customers/birthday_blast.scss */
.about-faq {
padding: 72px 80px;
max-width: 900px;
margin: 0 auto;
}
/* line 1242, app/assets/stylesheets/customers/birthday_blast.scss */
.about-faq--page {
padding-top: 0;
}
/* line 1245, 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 1258, app/assets/stylesheets/customers/birthday_blast.scss */
.about-reviews-bar-left {
flex: 1;
min-width: 260px;
}
/* line 1260, 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 1266, 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 1273, 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 1283, app/assets/stylesheets/customers/birthday_blast.scss */
.about-reviews-glogo {
flex-shrink: 0;
}
/* line 1285, app/assets/stylesheets/customers/birthday_blast.scss */
.about-reviews-score-row {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 4px;
}
/* line 1292, app/assets/stylesheets/customers/birthday_blast.scss */
.about-reviews-score {
font-family: var(--font-headline);
font-size: 48px;
color: #fff;
line-height: 1;
}
/* line 1299, app/assets/stylesheets/customers/birthday_blast.scss */
.about-reviews-stars-col {
display: flex;
flex-direction: column;
gap: 4px;
}
/* line 1300, app/assets/stylesheets/customers/birthday_blast.scss */
.about-reviews-stars-row {
display: flex;
gap: 3px;
}
/* line 1301, app/assets/stylesheets/customers/birthday_blast.scss */
.about-reviews-star {
color: #FBBC04;
font-size: 22px;
}
/* line 1302, app/assets/stylesheets/customers/birthday_blast.scss */
.about-reviews-count {
font-size: 13px;
color: rgba(255, 255, 255, 0.55);
font-weight: 700;
}
/* line 1305, app/assets/stylesheets/customers/birthday_blast.scss */
.about-content-wrap {
padding: 56px 80px;
}
/* line 1306, app/assets/stylesheets/customers/birthday_blast.scss */
.about-content-inner {
max-width: 860px;
margin: 0 auto;
}
/* line 1307, app/assets/stylesheets/customers/birthday_blast.scss */
.about-content-sup {
margin-bottom: 14px;
}
/* line 1308, app/assets/stylesheets/customers/birthday_blast.scss */
.about-content-text {
font-size: 15px;
color: #555;
line-height: 1.85;
margin-bottom: 16px;
}
/* line 1310, app/assets/stylesheets/customers/birthday_blast.scss */
.about-content-text:last-child {
margin-bottom: 0;
}
/* line 1314, 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 1316, 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 1324, 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 1325, 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 1326, app/assets/stylesheets/customers/birthday_blast.scss */
.contact-card-val {
font-size: 15px;
color: #555;
font-weight: 700;
line-height: 1.6;
}
/* line 1327, app/assets/stylesheets/customers/birthday_blast.scss */
.contact-card-val-sub {
font-size: 12px;
color: #aaa;
font-weight: 700;
}
/* line 1333, app/assets/stylesheets/customers/birthday_blast.scss */
.contact-info-section {
background: var(--light);
padding: 48px 80px 0;
max-width: 1100px;
margin: 0 auto;
}
/* line 1339, app/assets/stylesheets/customers/birthday_blast.scss */
.contact-info-section .contact-cards {
padding: 0;
margin: 0;
max-width: none;
}
/* line 1342, app/assets/stylesheets/customers/birthday_blast.scss */
.contact-form-wrap {
padding: 40px 80px 80px;
max-width: 800px;
margin: 0 auto;
}
/* line 1344, 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 1351, 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 1354, 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 1366, app/assets/stylesheets/customers/birthday_blast.scss */
.form-check--consent {
margin-bottom: 20px;
align-items: flex-start;
}
/* line 1367, app/assets/stylesheets/customers/birthday_blast.scss */
.form-check-input {
margin-top: 2px;
flex-shrink: 0;
align-self: flex-start;
}
/* line 1368, 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 1370, 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 1382, app/assets/stylesheets/customers/birthday_blast.scss */
.contact-textarea:focus {
border-color: var(--orange);
}
/* line 1384, app/assets/stylesheets/customers/birthday_blast.scss */
.contact-textarea::placeholder {
color: #b8bfc8;
font-weight: 400;
opacity: 1;
}
/* line 1391, 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 1404, app/assets/stylesheets/customers/birthday_blast.scss */
.form-grid-2 {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 14px;
}
/* line 1406, app/assets/stylesheets/customers/birthday_blast.scss */
.form-group {
display: flex;
flex-direction: column;
gap: 6px;
margin-bottom: 14px;
}
/* line 1412, app/assets/stylesheets/customers/birthday_blast.scss */
.form-group:last-child {
margin-bottom: 0;
}
/* line 1415, 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 1417, 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 1429, app/assets/stylesheets/customers/birthday_blast.scss */
.form-input:focus {
border-color: var(--orange);
}
/* line 1431, app/assets/stylesheets/customers/birthday_blast.scss */
.form-input::placeholder {
color: #b8bfc8;
font-weight: 400;
opacity: 1;
}
/* line 1438, 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 1449, app/assets/stylesheets/customers/birthday_blast.scss */
.form-check input {
width: 18px;
height: 18px;
accent-color: var(--orange);
}
/* line 1453, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-wrap {
background: #fff;
padding: 48px;
}
/* line 1454, 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 1456, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-sticky-col {
position: sticky;
top: 90px;
max-height: calc(100vh - 110px);
overflow-y: auto;
}
/* line 1462, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-sticky-col::-webkit-scrollbar {
width: 0;
}
/* line 1465, 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 1473, 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 1476, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-thumbs {
display: flex;
gap: 10px;
flex-wrap: wrap;
}
/* line 1478, 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 1489, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-thumb img {
width: 100%;
height: 100%;
object-fit: cover;
}
/* line 1491, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-thumb.active {
border-color: var(--orange);
}
/* line 1494, 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 1495, 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 1496, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-price {
font-size: 32px;
font-weight: 900;
color: var(--orange);
margin-top: 10px;
}
/* line 1497, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-price span {
font-size: 16px;
color: #999;
font-weight: 700;
}
/* line 1499, 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 1500, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-specs--desc-only {
grid-template-columns: 1fr;
}
/* line 1502, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-spec {
display: flex;
flex-direction: column;
gap: 2px;
}
/* line 1503, 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 1504, 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 1505, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-spec-val {
font-size: 14px;
font-weight: 800;
color: #1a1a1a;
}
/* line 1506, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-spec-val--desc {
font-size: 13px;
font-weight: 600;
color: #555;
line-height: 1.6;
}
/* line 1508, app/assets/stylesheets/customers/birthday_blast.scss */
.long-desc-block {
background: var(--light);
border-radius: 16px;
padding: 24px;
margin-top: 20px;
}
/* line 1515, 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 1518, 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 1519, app/assets/stylesheets/customers/birthday_blast.scss */
.long-desc-block p {
margin-bottom: 14px;
}
/* line 1520, app/assets/stylesheets/customers/birthday_blast.scss */
.long-desc-block strong {
color: #1a1a1a;
}
/* line 1524, app/assets/stylesheets/customers/birthday_blast.scss */
.booking-panel {
background: var(--light);
border: 2px solid #FFE0CC;
border-radius: 28px;
padding: 24px;
}
/* line 1531, 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 1532, 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 1533, app/assets/stylesheets/customers/birthday_blast.scss */
.booking-field {
display: flex;
flex-direction: column;
gap: 6px;
min-width: 0;
}
/* line 1534, 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 1536, 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 1548, app/assets/stylesheets/customers/birthday_blast.scss */
.booking-input:focus {
border-color: var(--orange);
}
/* line 1550, app/assets/stylesheets/customers/birthday_blast.scss */
.booking-input.bb-readonly {
background: #f9fafb;
color: #888;
cursor: not-allowed;
display: flex;
align-items: center;
}
/* line 1551, 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 1553, app/assets/stylesheets/customers/birthday_blast.scss */
.booking-input.bb-visible-date[readonly] {
background-color: #fff;
}
/* line 1556, 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 1564, 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 1574, 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 1575, app/assets/stylesheets/customers/birthday_blast.scss */
.booking-fee {
font-size: 13px;
color: var(--blue);
font-weight: 700;
margin-bottom: 12px;
}
/* line 1577, app/assets/stylesheets/customers/birthday_blast.scss */
.booking-qty-row {
display: flex;
align-items: center;
gap: 14px;
margin-bottom: 16px;
}
/* line 1578, app/assets/stylesheets/customers/birthday_blast.scss */
.qty-label {
font-size: 12px;
font-weight: 800;
color: #555;
}
/* line 1580, app/assets/stylesheets/customers/birthday_blast.scss */
.qty-ctrl {
display: flex;
align-items: center;
border: 2px solid #e5e7eb;
border-radius: 999px;
background: #fff;
}
/* line 1588, app/assets/stylesheets/customers/birthday_blast.scss */
.qty-btn {
width: 36px;
height: 36px;
border: none;
background: #fff;
font-size: 18px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
color: #1a1a1a;
}
/* line 1589, app/assets/stylesheets/customers/birthday_blast.scss */
.qty-ctrl .qty-btn:first-child {
border-radius: 999px 0 0 999px;
}
/* line 1590, app/assets/stylesheets/customers/birthday_blast.scss */
.qty-ctrl .qty-btn:last-child {
border-radius: 0 999px 999px 0;
}
/* line 1591, app/assets/stylesheets/customers/birthday_blast.scss */
.qty-btn.is-disabled {
opacity: 0.5;
cursor: not-allowed;
}
/* line 1592, app/assets/stylesheets/customers/birthday_blast.scss */
.qty-btn[data-tooltip] {
position: relative;
}
/* line 1593, 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 1609, app/assets/stylesheets/customers/birthday_blast.scss */
.qty-val {
width: 40px;
text-align: center;
font-size: 16px;
font-weight: 900;
color: #1a1a1a;
}
/* line 1611, 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 1624, app/assets/stylesheets/customers/birthday_blast.scss */
.booking-cta:hover {
filter: brightness(1.05);
}
/* line 1625, app/assets/stylesheets/customers/birthday_blast.scss */
.booking-cta:disabled {
opacity: .55;
cursor: not-allowed;
box-shadow: none;
}
/* line 1629, 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 1630, app/assets/stylesheets/customers/birthday_blast.scss */
.booking-panel #setup-fee {
font-weight: 800;
}
/* line 1631, app/assets/stylesheets/customers/birthday_blast.scss */
.booking-panel .booking-price-row {
margin-bottom: 14px;
}
/* line 1632, 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 1634, 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 1641, 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 1643, 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 1652, 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 1655, app/assets/stylesheets/customers/birthday_blast.scss */
.booking-panel #additional-fees:not(:empty) .bb-fee-row-amount {
font-weight: 900;
flex-shrink: 0;
}
/* line 1660, app/assets/stylesheets/customers/birthday_blast.scss */
.duration-section {
margin-bottom: 14px;
}
/* line 1662, 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 1666, app/assets/stylesheets/customers/birthday_blast.scss */
.duration-options {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
/* line 1668, 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 1682, app/assets/stylesheets/customers/birthday_blast.scss */
.dur-radio:hover {
border-color: var(--orange);
}
/* line 1683, app/assets/stylesheets/customers/birthday_blast.scss */
.dur-radio.on {
border-color: var(--orange);
background: #FFF4F0;
color: var(--orange);
}
/* line 1685, app/assets/stylesheets/customers/birthday_blast.scss */
.dur-radio input {
accent-color: var(--orange);
}
/* line 1689, app/assets/stylesheets/customers/birthday_blast.scss */
.included-items {
margin-bottom: 14px;
}
/* line 1691, 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 1702, 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 1714, app/assets/stylesheets/customers/birthday_blast.scss */
.included-item-thumb img {
width: 100%;
height: 100%;
object-fit: cover;
}
/* line 1717, app/assets/stylesheets/customers/birthday_blast.scss */
.included-item-name {
font-size: 13px;
font-weight: 700;
color: #1a1a1a;
flex: 1;
}
/* line 1718, app/assets/stylesheets/customers/birthday_blast.scss */
.included-item-select {
font-size: 12px;
color: var(--blue);
font-weight: 700;
}
/* line 1720, 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 1732, app/assets/stylesheets/customers/birthday_blast.scss */
.choose-variant-btn:hover {
filter: brightness(1.05);
}
/* line 1736, app/assets/stylesheets/customers/birthday_blast.scss */
.variant-section {
margin-bottom: 12px;
}
/* line 1738, 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 1750, app/assets/stylesheets/customers/birthday_blast.scss */
.variant-select:focus {
border-color: var(--orange);
}
/* line 1753, 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 1764, app/assets/stylesheets/customers/birthday_blast.scss */
.custom-input-field:focus {
border-color: var(--orange);
}
/* line 1765, app/assets/stylesheets/customers/birthday_blast.scss */
.custom-input-field::placeholder {
color: #aaa;
}
/* line 1769, 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 1775, app/assets/stylesheets/customers/birthday_blast.scss */
.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
background-color: #FFF4F0;
color: var(--orange);
}
/* line 1778, app/assets/stylesheets/customers/birthday_blast.scss */
.daterangepicker td.active,
.daterangepicker td.active:hover {
background-color: var(--orange) !important;
color: #fff;
}
/* line 1781, app/assets/stylesheets/customers/birthday_blast.scss */
.daterangepicker .btn-primary,
.daterangepicker .btn-success {
background-color: var(--orange) !important;
border-color: var(--orange) !important;
}
/* line 1784, 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 1792, 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 1802, 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 1809, 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 1818, 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 1825, app/assets/stylesheets/customers/birthday_blast.scss */
body.bb-template .k-calendar .k-nav-fast:hover {
color: var(--orange) !important;
background: none !important;
}
/* line 1828, 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 1832, 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 1836, 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 1847, 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 1849, app/assets/stylesheets/customers/birthday_blast.scss */
body.bb-template .k-calendar td {
padding: 2px !important;
}
/* line 1851, 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 1857, 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 1863, 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 1870, 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 1876, 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 1882, 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 1888, 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 1899, 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 1905, 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 1908, 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 1917, 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 1927, app/assets/stylesheets/customers/birthday_blast.scss */
body.bb-template .k-time-list {
font-family: var(--font-body) !important;
}
/* line 1930, 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 1939, 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 1945, 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 1953, 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 1962, app/assets/stylesheets/customers/birthday_blast.scss */
.overnight-card:hover {
border-color: var(--orange);
}
/* line 1963, app/assets/stylesheets/customers/birthday_blast.scss */
.overnight-card.active {
border-color: var(--orange);
background: #FFF8F5;
}
/* line 1966, app/assets/stylesheets/customers/birthday_blast.scss */
.overnight-card-top {
display: flex;
align-items: flex-start;
gap: 12px;
}
/* line 1967, app/assets/stylesheets/customers/birthday_blast.scss */
.overnight-checkbox {
width: 20px;
height: 20px;
accent-color: var(--orange);
flex-shrink: 0;
margin-top: 2px;
}
/* line 1968, app/assets/stylesheets/customers/birthday_blast.scss */
.overnight-title {
font-size: 14px;
font-weight: 800;
color: #1a1a1a;
flex: 1;
cursor: pointer;
}
/* line 1969, app/assets/stylesheets/customers/birthday_blast.scss */
.overnight-price {
font-size: 14px;
font-weight: 900;
color: var(--green);
white-space: nowrap;
}
/* line 1970, 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 1971, 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 1972, app/assets/stylesheets/customers/birthday_blast.scss */
.overnight-tags {
display: flex;
gap: 6px;
margin-top: 10px;
margin-left: 32px;
flex-wrap: wrap;
}
/* line 1974, app/assets/stylesheets/customers/birthday_blast.scss */
.overnight-tag {
padding: 3px 10px;
border-radius: 999px;
font-size: 11px;
font-weight: 800;
}
/* line 1980, app/assets/stylesheets/customers/birthday_blast.scss */
.overnight-tag.tag-orange {
background: #FFF4F0;
color: var(--orange);
border: 1px solid #FFD6C0;
}
/* line 1981, app/assets/stylesheets/customers/birthday_blast.scss */
.overnight-tag.tag-gray {
background: #f3f4f6;
color: #555;
border: 1px solid #e5e7eb;
}
/* line 1985, 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 1986, app/assets/stylesheets/customers/birthday_blast.scss */
.inline-dropdown-qty {
font-size: 13px;
font-weight: 700;
color: #555;
white-space: nowrap;
}
/* line 1987, app/assets/stylesheets/customers/birthday_blast.scss */
.inline-dropdown-name {
font-size: 13px;
font-weight: 700;
color: #1a1a1a;
flex: 1;
}
/* line 1988, 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 1991, 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 1992, 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 1993, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-error-quantity {
display: none;
color: #dc2626;
font-size: 12px;
font-weight: 700;
}
/* line 1994, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-detail-header {
margin-top: 24px;
}
/* line 1995, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-bundle-icon {
display: inline-block;
height: 28px;
width: 28px;
vertical-align: middle;
margin-left: 6px;
}
/* line 1996, 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 1997, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-no-durations-note {
font-size: 12px;
color: #b45309;
margin-top: 6px;
}
/* line 1998, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-required-star {
color: #dc2626;
}
/* line 1999, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-item-body {
flex: 1;
}
/* line 2000, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-qty-input {
border: none;
background: transparent;
outline: none;
}
/* line 2002, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-addons-section {
background: #fff;
padding: 48px;
margin: 0 auto;
}
/* line 2003, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-addons-grid {
margin-top: 24px;
}
/* line 2006, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-cart-header {
background: var(--light);
padding: 32px 48px 0;
}
/* line 2010, 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 2011, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-cart-header p {
font-size: 14px;
color: #888;
margin-top: 6px;
font-weight: 700;
}
/* line 2014, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-wrap {
background: var(--light);
padding: 48px;
min-height: 60vh;
padding-bottom: 100px;
}
/* line 2015, 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 2016, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-items {
display: flex;
flex-direction: column;
gap: 16px;
}
/* line 2018, 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 2028, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-empty-state.show {
display: flex;
}
/* line 2031, 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 2032, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-empty-title {
font-family: var(--font-headline);
font-size: 28px;
color: #1a1a1a;
margin-bottom: 8px;
}
/* line 2033, 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 2034, 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 2036, 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 2047, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-item-img {
border-radius: 12px;
overflow: hidden;
aspect-ratio: 4/3;
position: relative;
}
/* line 2053, 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 2056, 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 2057, 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 2058, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-item-date {
font-size: 12px;
color: #888;
font-weight: 700;
}
/* line 2059, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-item-fees {
font-size: 11px;
color: #1e40af;
font-weight: 700;
margin-top: 3px;
}
/* line 2060, 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 2061, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-item-right {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 10px;
}
/* line 2062, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-item-price {
font-size: 20px;
font-weight: 900;
color: var(--orange);
}
/* line 2064, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-qty {
display: flex;
align-items: center;
border: 2px solid #e5e7eb;
border-radius: 999px;
}
/* line 2065, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-qty .cart-qty-btn:first-child {
border-radius: 999px 0 0 999px;
}
/* line 2066, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-qty .cart-qty-btn:last-child {
border-radius: 0 999px 999px 0;
}
/* line 2068, 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 2082, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-qty-btn:hover:not(.is-disabled) {
background: #f9fafb;
}
/* line 2084, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-qty-btn.is-disabled {
opacity: 0.5;
cursor: not-allowed;
}
/* line 2085, 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 2102, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-qty-val {
width: 32px;
text-align: center;
font-size: 14px;
font-weight: 900;
color: #1a1a1a;
}
/* line 2104, 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 2114, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-remove:hover {
color: #b91c1c;
}
/* line 2117, 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 2133, app/assets/stylesheets/customers/birthday_blast.scss */
.change-date-btn:hover {
text-decoration-color: var(--orange);
}
/* line 2137, 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 2147, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-summary-title {
font-family: var(--font-headline);
font-size: 24px;
color: #1a1a1a;
margin-bottom: 20px;
}
/* line 2149, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-line {
display: flex;
justify-content: space-between;
font-size: 14px;
color: #555;
margin-bottom: 12px;
}
/* line 2156, 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 2159, 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 2176, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-checkout-btn:hover {
filter: brightness(1.05);
color: #fff;
}
/* line 2179, 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 2194, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-continue:hover {
border-color: #bbb;
color: #1a1a1a;
}
/* line 2198, 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 2213, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-sticky-bar.hidden {
transform: translateY(110%);
opacity: 0;
pointer-events: none;
}
/* line 2216, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-sticky-total {
display: flex;
flex-direction: column;
}
/* line 2217, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-sticky-label {
font-size: 12px;
color: #888;
font-weight: 700;
}
/* line 2218, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-sticky-amount {
font-family: var(--font-headline);
font-size: 26px;
color: #1a1a1a;
}
/* line 2220, 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 2234, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-sticky-btn:hover {
filter: brightness(1.05);
color: #fff;
}
/* line 2237, app/assets/stylesheets/customers/birthday_blast.scss */
.upsell-sec {
padding: 48px;
background: #fff;
}
/* line 2240, 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 2251, 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 2259, 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 2270, 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 2288, app/assets/stylesheets/customers/birthday_blast.scss */
.date-modal-close:hover {
background: #f3f4f6;
color: #1a1a1a;
}
/* line 2291, app/assets/stylesheets/customers/birthday_blast.scss */
.date-modal-icon {
text-align: center;
font-size: 42px;
margin-bottom: 6px;
}
/* line 2292, 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 2294, 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 2310, app/assets/stylesheets/customers/birthday_blast.scss */
.date-modal-save:hover {
transform: translateY(-2px);
}
/* line 2313, 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 2320, 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 2323, 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 2337, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-date-modal-label-start {
grid-area: lbl-start;
}
/* line 2338, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-date-modal-label-end {
grid-area: lbl-end;
}
/* line 2339, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-date-modal-input-start {
grid-area: inp-start;
min-width: 0;
overflow: hidden;
}
/* line 2340, 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 2355, 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 2372, app/assets/stylesheets/customers/birthday_blast.scss */
.toast-cart.show {
transform: translateX(0);
opacity: 1;
pointer-events: auto;
}
/* line 2375, app/assets/stylesheets/customers/birthday_blast.scss */
.toast-cart-header {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 10px;
}
/* line 2377, 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 2392, app/assets/stylesheets/customers/birthday_blast.scss */
.toast-cart-title {
font-family: var(--font-headline);
font-size: 16px;
color: #1a1a1a;
flex: 1;
}
/* line 2394, 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 2408, app/assets/stylesheets/customers/birthday_blast.scss */
.toast-cart-close:hover {
color: #555;
}
/* line 2411, 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 2412, app/assets/stylesheets/customers/birthday_blast.scss */
.toast-cart-actions {
display: flex;
gap: 8px;
}
/* line 2414, 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 2429, app/assets/stylesheets/customers/birthday_blast.scss */
.toast-btn.toast-btn-secondary {
background: #fff;
color: #555;
border: 2px solid #e5e7eb;
}
/* line 2430, app/assets/stylesheets/customers/birthday_blast.scss */
.toast-btn.toast-btn-secondary:hover {
border-color: #bbb;
color: #1a1a1a;
}
/* line 2432, app/assets/stylesheets/customers/birthday_blast.scss */
.toast-btn.toast-btn-primary {
background: var(--orange);
color: #fff;
box-shadow: 0 4px 12px color-mix(in srgb, var(--primary) 30%, transparent);
}
/* line 2433, app/assets/stylesheets/customers/birthday_blast.scss */
.toast-btn.toast-btn-primary:hover {
filter: brightness(1.05);
color: #fff;
}
/* line 2437, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-badge.pulse {
animation: bbBadgePulse 0.5s cubic-bezier(0.22, 1.4, 0.36, 1);
}
/* line 2440, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-checkout-header {
background: var(--light);
padding: 32px 48px 0;
}
/* line 2444, 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 2445, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-checkout-header > p {
font-size: 14px;
color: #888;
margin-top: 6px;
font-weight: 700;
}
/* line 2448, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-checkout-steps {
display: flex;
gap: 0;
margin-top: 20px;
max-width: 600px;
}
/* line 2450, 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 2459, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-checkout-step.inactive {
border-bottom: 2px solid #e5e7eb;
color: #aaa;
}
/* line 2462, app/assets/stylesheets/customers/birthday_blast.scss */
.checkout-wrap {
background: var(--light);
padding: 48px;
min-height: 60vh;
}
/* line 2463, 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 2464, app/assets/stylesheets/customers/birthday_blast.scss */
.checkout-form-wrap {
display: flex;
flex-direction: column;
gap: 24px;
}
/* line 2466, 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 2473, 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 2474, 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 2476, 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 2488, app/assets/stylesheets/customers/birthday_blast.scss */
.surface-opt.on {
border-color: var(--orange);
background: #FFF8F5;
}
/* line 2490, app/assets/stylesheets/customers/birthday_blast.scss */
.surface-opt input {
accent-color: var(--orange);
width: 16px;
height: 16px;
flex-shrink: 0;
}
/* line 2493, app/assets/stylesheets/customers/birthday_blast.scss */
.surface-opt-label {
flex: 1;
font-size: 14px;
font-weight: 700;
color: #1a1a1a;
}
/* line 2494, app/assets/stylesheets/customers/birthday_blast.scss */
.surface-opt-price {
font-size: 13px;
font-weight: 900;
color: var(--orange);
}
/* line 2496, app/assets/stylesheets/customers/birthday_blast.scss */
.payment-opts {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 10px;
margin-bottom: 18px;
}
/* line 2498, 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 2507, app/assets/stylesheets/customers/birthday_blast.scss */
.pay-opt.on {
border-color: var(--orange);
background: #FFF4F0;
}
/* line 2510, app/assets/stylesheets/customers/birthday_blast.scss */
.pay-opt-label {
font-size: 12px;
font-weight: 800;
color: #374151;
}
/* line 2511, app/assets/stylesheets/customers/birthday_blast.scss */
.card-box {
background: #f9fafb;
border: 2px solid #e5e7eb;
border-radius: 14px;
padding: 20px;
}
/* line 2515, app/assets/stylesheets/customers/birthday_blast.scss */
#bb-payment-section #payment-options {
margin-bottom: 0 !important;
}
/* line 2518, app/assets/stylesheets/customers/birthday_blast.scss */
#bb-payment-section #payment-options h6 {
display: none !important;
}
/* line 2520, 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 2526, 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 2539, 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 2541, app/assets/stylesheets/customers/birthday_blast.scss */
#bb-payment-section #payment-options .grid > div > div {
display: contents !important;
}
/* line 2544, app/assets/stylesheets/customers/birthday_blast.scss */
#bb-payment-section #payment-options .grid input[type="radio"] {
display: none !important;
}
/* line 2546, 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 2558, app/assets/stylesheets/customers/birthday_blast.scss */
#bb-payment-section #payment-options .grid > div.bnpl-parent-card {
justify-content: center !important;
}
/* line 2561, 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 2566, app/assets/stylesheets/customers/birthday_blast.scss */
#bb-payment-section #payment-options .grid > div.bnpl-parent-card label {
margin: 0 !important;
}
/* line 2570, app/assets/stylesheets/customers/birthday_blast.scss */
#bb-payment-section #payment-details {
display: none !important;
}
/* line 2575, 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 2581, 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 2594, 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 2604, 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 2613, 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 2621, 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 2628, 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 2634, 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 2645, 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 2649, 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 2658, 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 2666, 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 2674, 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 2680, 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 2688, 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 2694, 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 2702, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-card-box {
background: #fff;
border: 1.5px solid #e5e7eb;
border-radius: 12px;
padding: 20px;
}
/* line 2704, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-card-field {
margin-bottom: 16px;
}
/* line 2707, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-card-field:last-child {
margin-bottom: 0;
}
/* line 2710, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-card-row-2 {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
margin-bottom: 16px;
}
/* line 2711, 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 2713, 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 2723, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-stripe-el[data-placeholder] {
position: relative;
}
/* line 2725, 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 2739, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-stripe-el.is-focused::before, .bb-stripe-el.has-value::before {
opacity: 0;
}
/* line 2742, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-stripe-el .StripeElement {
width: 100%;
}
/* line 2745, 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 2746, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-card-brands {
display: flex;
gap: 5px;
align-items: center;
flex-wrap: wrap;
}
/* line 2747, 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 2748, 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 2749, 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 2752, 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 2762, app/assets/stylesheets/customers/birthday_blast.scss */
.order-summary-title {
font-family: var(--font-headline);
font-size: 24px;
color: #1a1a1a;
margin-bottom: 20px;
}
/* line 2764, 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 2773, app/assets/stylesheets/customers/birthday_blast.scss */
.order-item-img {
width: 60px;
height: 46px;
border-radius: 8px;
overflow: hidden;
flex-shrink: 0;
}
/* line 2780, app/assets/stylesheets/customers/birthday_blast.scss */
.order-item-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
/* line 2783, app/assets/stylesheets/customers/birthday_blast.scss */
.order-item-name {
font-family: var(--font-headline);
font-size: 13px;
font-weight: 800;
color: #1a1a1a;
}
/* line 2784, app/assets/stylesheets/customers/birthday_blast.scss */
.order-item-date {
font-size: 11px;
color: #888;
margin-top: 2px;
}
/* line 2785, 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 2787, app/assets/stylesheets/customers/birthday_blast.scss */
.tip-opts {
display: flex;
gap: 8px;
margin: 12px 0;
flex-wrap: wrap;
}
/* line 2789, 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 2803, app/assets/stylesheets/customers/birthday_blast.scss */
.tip-btn.on {
border-color: var(--orange);
background: #FFF4F0;
color: var(--orange);
}
/* line 2806, app/assets/stylesheets/customers/birthday_blast.scss */
.coupon-row {
display: flex;
gap: 8px;
margin: 12px 0;
}
/* line 2808, 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 2817, app/assets/stylesheets/customers/birthday_blast.scss */
.coupon-input:focus {
border-color: var(--orange);
}
/* line 2820, 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 2822, 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 2823, 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 2824, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-deposit-amount {
font-family: var(--font-headline);
font-size: 32px;
color: var(--orange);
}
/* line 2825, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-deposit-sub {
font-size: 11px;
color: #aaa;
font-weight: 700;
margin-top: 2px;
}
/* line 2828, 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 2836, app/assets/stylesheets/customers/birthday_blast.scss */
.damage-waiver-top {
display: flex;
align-items: center;
gap: 14px;
padding: 16px 18px;
background: #FFF8F5;
}
/* line 2837, app/assets/stylesheets/customers/birthday_blast.scss */
.damage-waiver-icon {
font-size: 24px;
flex-shrink: 0;
}
/* line 2838, 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 2844, app/assets/stylesheets/customers/birthday_blast.scss */
.damage-waiver-title-rich a {
color: var(--orange);
font-weight: 900;
text-decoration: underline;
}
/* line 2845, app/assets/stylesheets/customers/birthday_blast.scss */
.damage-waiver-title-rich strong {
color: var(--orange);
font-weight: 900;
}
/* line 2847, app/assets/stylesheets/customers/birthday_blast.scss */
.damage-waiver-body {
padding: 16px 18px;
border-top: 1px solid #FFE8D6;
}
/* line 2850, app/assets/stylesheets/customers/birthday_blast.scss */
.damage-waiver-body p {
font-size: 13px;
color: #555;
line-height: 1.7;
margin-bottom: 10px;
}
/* line 2851, app/assets/stylesheets/customers/birthday_blast.scss */
.damage-waiver-body p:last-child {
margin-bottom: 0;
}
/* line 2852, app/assets/stylesheets/customers/birthday_blast.scss */
.damage-waiver-body strong, .damage-waiver-body b {
color: #1a1a1a;
font-weight: 900;
}
/* line 2853, app/assets/stylesheets/customers/birthday_blast.scss */
.damage-waiver-body em, .damage-waiver-body i {
font-style: italic;
}
/* line 2854, app/assets/stylesheets/customers/birthday_blast.scss */
.damage-waiver-body a {
color: var(--orange);
font-weight: 800;
text-decoration: underline;
}
/* line 2855, 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 2858, app/assets/stylesheets/customers/birthday_blast.scss */
.damage-waiver-toggle {
position: relative;
display: inline-block;
width: 44px;
height: 24px;
flex-shrink: 0;
}
/* line 2865, app/assets/stylesheets/customers/birthday_blast.scss */
.damage-waiver-toggle input {
opacity: 0;
width: 0;
height: 0;
position: absolute;
}
/* line 2868, app/assets/stylesheets/customers/birthday_blast.scss */
.damage-waiver-slider {
position: absolute;
cursor: pointer;
inset: 0;
background: #e5e7eb;
border-radius: 999px;
transition: .2s;
}
/* line 2876, 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 2889, app/assets/stylesheets/customers/birthday_blast.scss */
.damage-waiver-toggle input:checked + .damage-waiver-slider {
background: var(--orange);
}
/* line 2892, app/assets/stylesheets/customers/birthday_blast.scss */
.damage-waiver-toggle input:checked + .damage-waiver-slider::before {
transform: translateX(20px);
}
/* line 2895, 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 2909, app/assets/stylesheets/customers/birthday_blast.scss */
.place-order-btn:disabled {
opacity: .45;
cursor: not-allowed;
box-shadow: none;
}
/* line 2913, 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 2922, app/assets/stylesheets/customers/birthday_blast.scss */
.checkout-popup-overlay.open {
display: flex;
}
/* line 2925, 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 2938, app/assets/stylesheets/customers/birthday_blast.scss */
.checkout-popup-scroll {
padding: 36px 36px 12px;
overflow-y: auto;
flex: 1;
-webkit-overflow-scrolling: touch;
}
/* line 2940, 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 2957, app/assets/stylesheets/customers/birthday_blast.scss */
.checkout-popup-close:hover {
background: #f3f4f6;
}
/* line 2960, 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 2961, 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 2963, 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 2974, app/assets/stylesheets/customers/birthday_blast.scss */
.upsell-popup-item:hover {
border-color: #FFD0BC;
}
/* line 2975, app/assets/stylesheets/customers/birthday_blast.scss */
.upsell-popup-item.checked {
border-color: var(--orange);
background: #FFF8F5;
}
/* line 2978, 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 2980, 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 2991, app/assets/stylesheets/customers/birthday_blast.scss */
.upsell-popup-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
/* line 2994, app/assets/stylesheets/customers/birthday_blast.scss */
.upsell-popup-name {
font-size: 14px;
font-weight: 800;
color: #1a1a1a;
flex: 1;
}
/* line 2996, 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 3004, 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 3005, app/assets/stylesheets/customers/birthday_blast.scss */
.upsell-popup-qty span {
width: 28px;
text-align: center;
font-size: 14px;
font-weight: 800;
}
/* line 3008, app/assets/stylesheets/customers/birthday_blast.scss */
.upsell-popup-item:not(.checked) .upsell-popup-qty {
opacity: .35;
pointer-events: none;
}
/* line 3010, 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 3021, app/assets/stylesheets/customers/birthday_blast.scss */
.upsell-popup-price-sel:focus {
border-color: var(--orange);
}
/* line 3024, 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 3026, 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 3039, 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 3052, 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 3055, 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 3059, app/assets/stylesheets/customers/birthday_blast.scss */
.nav {
padding: 0 24px;
}
/* line 3060, app/assets/stylesheets/customers/birthday_blast.scss */
.hero {
height: auto;
min-height: 460px;
}
/* line 3061, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-content {
padding: 48px 32px;
max-width: 100%;
gap: 18px;
}
/* line 3062, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-h1 {
font-size: 60px;
}
/* line 3063, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-starburst {
width: 220px;
height: 220px;
right: -20px;
opacity: .07;
}
/* line 3064, app/assets/stylesheets/customers/birthday_blast.scss */
.inner-hero {
height: 240px;
}
/* line 3065, app/assets/stylesheets/customers/birthday_blast.scss */
.inner-hero-content {
padding: 0 32px;
}
/* line 3066, app/assets/stylesheets/customers/birthday_blast.scss */
.inner-hero-title {
font-size: 42px;
}
/* line 3067, app/assets/stylesheets/customers/birthday_blast.scss */
.cats, .upsell-sec {
padding: 48px 24px 56px;
}
/* line 3068, app/assets/stylesheets/customers/birthday_blast.scss */
.sec-h2, .sec-h2-wh {
font-size: 34px;
}
/* line 3069, app/assets/stylesheets/customers/birthday_blast.scss */
.cta-t {
font-size: 42px;
}
/* line 3070, app/assets/stylesheets/customers/birthday_blast.scss */
.cat-grid {
grid-template-columns: repeat(2, 1fr);
gap: 16px;
}
/* line 3071, app/assets/stylesheets/customers/birthday_blast.scss */
.prod-grid-4 {
grid-template-columns: repeat(2, 1fr);
gap: 16px;
}
/* line 3072, app/assets/stylesheets/customers/birthday_blast.scss */
.prod-grid-3 {
grid-template-columns: repeat(2, 1fr);
gap: 16px;
}
/* line 3073, app/assets/stylesheets/customers/birthday_blast.scss */
.browse-grid {
grid-template-columns: repeat(3, 1fr);
gap: 16px;
}
/* line 3074, app/assets/stylesheets/customers/birthday_blast.scss */
.g-rev-grid {
grid-template-columns: 1fr;
gap: 14px;
}
/* line 3075, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-wrap {
padding: 32px 24px;
}
/* line 3076, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-two-col {
grid-template-columns: 1fr;
gap: 32px;
}
/* line 3077, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-sticky-col {
position: static;
max-height: none;
overflow: visible;
}
/* line 3078, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-cart-header {
padding: 24px 24px 0;
}
/* line 3079, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-wrap {
padding: 32px 24px 120px;
}
/* line 3080, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-layout {
grid-template-columns: 1fr;
gap: 24px;
}
/* line 3081, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-summary {
position: static;
}
/* line 3082, app/assets/stylesheets/customers/birthday_blast.scss */
.checkout-wrap {
padding: 24px 16px;
}
/* line 3083, app/assets/stylesheets/customers/birthday_blast.scss */
.checkout-layout {
grid-template-columns: 1fr;
gap: 24px;
}
/* line 3084, app/assets/stylesheets/customers/birthday_blast.scss */
.order-summary {
position: static;
}
/* line 3085, app/assets/stylesheets/customers/birthday_blast.scss */
.about-story {
padding: 48px 24px;
gap: 32px;
grid-template-columns: 1fr;
}
/* line 3086, app/assets/stylesheets/customers/birthday_blast.scss */
.about-stats {
margin: 0 24px;
}
/* line 3087, app/assets/stylesheets/customers/birthday_blast.scss */
.about-stat-num {
font-size: 38px;
}
/* line 3088, app/assets/stylesheets/customers/birthday_blast.scss */
.about-photos {
padding: 32px 24px 0;
grid-template-columns: repeat(2, 1fr);
gap: 12px;
}
/* line 3089, app/assets/stylesheets/customers/birthday_blast.scss */
.about-faq {
padding: 48px 24px;
}
/* line 3090, app/assets/stylesheets/customers/birthday_blast.scss */
.about-reviews-bar {
margin: 24px;
padding: 24px;
}
/* line 3091, app/assets/stylesheets/customers/birthday_blast.scss */
.about-content-wrap {
padding: 40px 24px;
}
/* line 3092, app/assets/stylesheets/customers/birthday_blast.scss */
.contact-info-section .contact-cards {
grid-template-columns: 1fr;
gap: 14px;
}
/* line 3093, app/assets/stylesheets/customers/birthday_blast.scss */
.contact-cards {
padding: 32px 24px 0;
grid-template-columns: 1fr;
gap: 14px;
}
/* line 3094, app/assets/stylesheets/customers/birthday_blast.scss */
.contact-form-wrap {
padding: 32px 24px 48px;
}
/* line 3095, app/assets/stylesheets/customers/birthday_blast.scss */
.contact-form {
padding: 28px;
}
/* line 3096, app/assets/stylesheets/customers/birthday_blast.scss */
.footer {
padding: 40px 24px 24px;
}
/* line 3097, app/assets/stylesheets/customers/birthday_blast.scss */
.footer-grid {
grid-template-columns: 1fr 1fr;
gap: 32px;
}
/* line 3098, app/assets/stylesheets/customers/birthday_blast.scss */
.browse-event-bar {
padding: 14px 18px;
gap: 12px;
}
/* line 3099, app/assets/stylesheets/customers/birthday_blast.scss */
.browse-event-bar-right {
flex-wrap: wrap;
width: 100%;
}
/* line 3100, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-sticky-bar {
padding: 12px 24px calc(12px + env(safe-area-inset-bottom));
}
/* line 3101, app/assets/stylesheets/customers/birthday_blast.scss */
.cta-sec {
padding: 60px 24px;
}
/* line 3102, 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 3109, app/assets/stylesheets/customers/birthday_blast.scss */
.nav {
padding: 0 14px;
height: 58px;
box-shadow: 0 1px 0 #FFE0CC;
}
/* line 3110, app/assets/stylesheets/customers/birthday_blast.scss */
.logo {
font-size: 21px;
}
/* line 3111, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-logo--large .bb-logo-img {
max-height: 46px;
}
/* line 3113, 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 3127, app/assets/stylesheets/customers/birthday_blast.scss */
.nav-links.open {
display: flex;
}
/* line 3130, 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 3138, app/assets/stylesheets/customers/birthday_blast.scss */
.nav-link:last-child {
border-bottom: none;
}
/* line 3139, app/assets/stylesheets/customers/birthday_blast.scss */
.nav-link.on {
border-bottom-color: #FFF4F0;
background: #FFF8F5;
}
/* line 3142, app/assets/stylesheets/customers/birthday_blast.scss */
.nav-toggle {
display: flex;
}
/* line 3143, app/assets/stylesheets/customers/birthday_blast.scss */
.nav-backdrop {
top: 58px;
}
/* line 3144, app/assets/stylesheets/customers/birthday_blast.scss */
.btn-call {
padding: 7px 12px;
font-size: 11px;
}
/* line 3145, app/assets/stylesheets/customers/birthday_blast.scss */
.btn-cart {
width: 36px;
height: 36px;
font-size: 14px;
}
/* line 3148, app/assets/stylesheets/customers/birthday_blast.scss */
.hero {
height: auto;
min-height: auto;
}
/* line 3149, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-content {
padding: 24px 18px 26px;
gap: 10px;
}
/* line 3150, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-h1 {
font-size: 36px;
line-height: .95;
}
/* line 3151, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-sub {
font-size: 12.5px;
line-height: 1.5;
display: block;
color: rgba(255, 255, 255, 0.78);
max-width: 360px;
}
/* line 3152, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-img img {
object-position: center 30%;
}
/* line 3153, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-img::after {
background: 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 3154, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-img img {
opacity: .75;
}
/* line 3155, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-starburst {
display: none;
}
/* line 3156, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-dots {
background-size: 22px 22px;
opacity: .55;
}
/* line 3157, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-date-bar {
padding: 12px 14px;
border-radius: 14px;
margin-top: 4px;
}
/* line 3158, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-date-bar-label {
font-size: 10px;
letter-spacing: 1.5px;
margin-bottom: 8px;
}
/* line 3159, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-date-row {
flex-direction: row;
gap: 8px;
}
/* line 3160, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-date-input {
flex: 1;
padding: 11px 38px 11px 12px;
font-size: 14px;
min-width: 0;
}
/* line 3161, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-date-btn {
padding: 11px 14px;
font-size: 13px;
flex-shrink: 0;
}
/* line 3162, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-skip {
display: none;
}
/* line 3165, app/assets/stylesheets/customers/birthday_blast.scss */
.inner-hero {
height: 160px;
}
/* line 3166, app/assets/stylesheets/customers/birthday_blast.scss */
.inner-hero-content {
padding: 0 18px;
}
/* line 3167, app/assets/stylesheets/customers/birthday_blast.scss */
.inner-hero-title {
font-size: 30px;
}
/* line 3168, app/assets/stylesheets/customers/birthday_blast.scss */
.inner-hero-sub {
font-size: 12px;
margin-top: 6px;
}
/* line 3169, 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 3172, 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 3176, app/assets/stylesheets/customers/birthday_blast.scss */
.cats, .upsell-sec {
padding: 24px 0 28px;
}
/* line 3177, 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 3178, app/assets/stylesheets/customers/birthday_blast.scss */
.sec-h2, .sec-h2-wh {
font-size: 24px;
line-height: 1.05;
}
/* line 3179, app/assets/stylesheets/customers/birthday_blast.scss */
.sec-sup {
font-size: 9px;
letter-spacing: 1.8px;
}
/* line 3180, app/assets/stylesheets/customers/birthday_blast.scss */
.sec-center {
margin-bottom: 18px;
padding: 0 16px;
}
/* line 3183, app/assets/stylesheets/customers/birthday_blast.scss */
.cats {
position: relative;
}
/* line 3184, 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 3195, 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 3206, app/assets/stylesheets/customers/birthday_blast.scss */
.cat-grid::-webkit-scrollbar {
display: none;
}
/* line 3209, 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 3217, app/assets/stylesheets/customers/birthday_blast.scss */
.cat:nth-child(odd), .cat:nth-child(even) {
transform: none;
}
/* line 3220, app/assets/stylesheets/customers/birthday_blast.scss */
.cat-name {
font-size: 16px;
line-height: 1.05;
}
/* line 3221, app/assets/stylesheets/customers/birthday_blast.scss */
.cat-pill {
font-size: 9.5px;
padding: 3px 8px;
top: 9px;
right: 9px;
letter-spacing: .4px;
}
/* line 3222, app/assets/stylesheets/customers/birthday_blast.scss */
.cat-info {
position: relative;
z-index: 1;
}
/* line 3225, app/assets/stylesheets/customers/birthday_blast.scss */
.browse-wrap {
position: relative;
}
/* line 3227, 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 3239, app/assets/stylesheets/customers/birthday_blast.scss */
.filter-bar::-webkit-scrollbar {
display: none;
}
/* line 3241, 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 3254, app/assets/stylesheets/customers/birthday_blast.scss */
.filter-chip {
flex-shrink: 0;
padding: 7px 14px;
font-size: 12px;
border-width: 1.5px;
}
/* line 3257, 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 3264, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-thumbs::-webkit-scrollbar {
display: none;
}
/* line 3268, 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 3269, app/assets/stylesheets/customers/birthday_blast.scss */
.prod-card {
border-radius: 14px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
}
/* line 3270, app/assets/stylesheets/customers/birthday_blast.scss */
.prod-card-img {
aspect-ratio: 1/1;
}
/* line 3271, app/assets/stylesheets/customers/birthday_blast.scss */
.prod-card-body {
padding: 10px 12px 12px;
}
/* line 3272, app/assets/stylesheets/customers/birthday_blast.scss */
.prod-card-cat {
font-size: 9px;
letter-spacing: 1.2px;
margin-bottom: 2px;
}
/* line 3273, app/assets/stylesheets/customers/birthday_blast.scss */
.prod-card-name {
font-size: 13.5px;
line-height: 1.15;
margin-bottom: 4px;
}
/* line 3274, app/assets/stylesheets/customers/birthday_blast.scss */
.prod-card-desc {
display: none;
}
/* line 3275, app/assets/stylesheets/customers/birthday_blast.scss */
.prod-card-row {
flex-direction: column;
align-items: stretch;
gap: 6px;
}
/* line 3276, app/assets/stylesheets/customers/birthday_blast.scss */
.prod-card-price {
font-size: 16px;
}
/* line 3277, app/assets/stylesheets/customers/birthday_blast.scss */
.prod-card-btn {
width: 100%;
padding: 7px;
font-size: 11px;
border-radius: 999px;
letter-spacing: .3px;
}
/* line 3280, app/assets/stylesheets/customers/birthday_blast.scss */
.g-rev-grid {
margin-top: 18px;
padding: 0 16px;
}
/* line 3281, app/assets/stylesheets/customers/birthday_blast.scss */
.g-card {
padding: 14px;
border-radius: 12px;
}
/* line 3282, app/assets/stylesheets/customers/birthday_blast.scss */
.g-text {
font-size: 12px;
}
/* line 3283, app/assets/stylesheets/customers/birthday_blast.scss */
.g-uname {
font-size: 13px;
}
/* line 3286, 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 3287, app/assets/stylesheets/customers/birthday_blast.scss */
.gcell {
height: 130px;
border-radius: 12px;
}
/* line 3288, app/assets/stylesheets/customers/birthday_blast.scss */
.gcell.big {
grid-row: auto;
grid-column: 1 / -1;
height: 180px;
}
/* line 3291, app/assets/stylesheets/customers/birthday_blast.scss */
.browse-wrap {
padding: 18px 0 28px;
}
/* line 3292, 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 3293, app/assets/stylesheets/customers/birthday_blast.scss */
.browse-event-bar-left {
min-width: 0;
width: 100%;
gap: 8px;
}
/* line 3294, app/assets/stylesheets/customers/birthday_blast.scss */
.browse-event-bar-icon {
width: 36px;
height: 36px;
font-size: 18px;
border-radius: 10px;
}
/* line 3295, app/assets/stylesheets/customers/birthday_blast.scss */
.browse-event-bar-label {
font-size: 13px;
}
/* line 3296, app/assets/stylesheets/customers/birthday_blast.scss */
.browse-event-bar-sub {
font-size: 12px;
}
/* line 3297, app/assets/stylesheets/customers/birthday_blast.scss */
.browse-event-bar-right {
flex-direction: row;
width: 100%;
gap: 6px;
}
/* line 3298, app/assets/stylesheets/customers/birthday_blast.scss */
.browse-event-input {
flex: 1;
padding: 9px 12px;
font-size: 14px;
min-width: 0;
}
/* line 3299, app/assets/stylesheets/customers/birthday_blast.scss */
.browse-event-btn {
padding: 9px 14px;
font-size: 12px;
flex-shrink: 0;
}
/* line 3300, app/assets/stylesheets/customers/birthday_blast.scss */
.browse-event-clear {
padding: 6px 10px;
}
/* line 3301, app/assets/stylesheets/customers/birthday_blast.scss */
.browse-date-banner {
margin: 0 16px 14px;
padding: 11px 14px;
border-radius: 12px;
flex-wrap: wrap;
}
/* line 3302, app/assets/stylesheets/customers/birthday_blast.scss */
.browse-date-banner-title {
font-size: 13px;
}
/* line 3303, app/assets/stylesheets/customers/birthday_blast.scss */
.browse-date-banner-sub {
font-size: 11px;
}
/* line 3306, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-wrap {
padding: 14px 0 20px;
}
/* line 3307, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-two-col {
padding: 0 16px;
gap: 18px;
}
/* line 3308, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-main-img {
aspect-ratio: 16/10;
border-radius: 14px;
margin-bottom: 8px;
}
/* line 3309, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-thumbs {
gap: 6px;
margin-bottom: 14px;
}
/* line 3310, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-thumb {
width: 54px;
height: 40px;
border-radius: 8px;
border-width: 1.5px;
}
/* line 3311, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-cat-tag {
font-size: 10px;
letter-spacing: 1.5px;
}
/* line 3312, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-title {
font-size: 24px;
line-height: 1.08;
margin-top: 2px;
}
/* line 3313, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-price {
font-size: 22px;
margin-top: 0;
}
/* line 3314, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-price span {
font-size: 13px;
}
/* line 3316, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-specs {
padding: 14px;
grid-template-columns: 1fr 1fr;
gap: 8px 14px;
border-radius: 12px;
}
/* line 3317, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-spec-label {
font-size: 9px;
}
/* line 3318, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-spec-val {
font-size: 12.5px;
}
/* line 3320, app/assets/stylesheets/customers/birthday_blast.scss */
.long-desc-block {
padding: 16px;
margin-top: 14px;
position: relative;
border-radius: 14px;
}
/* line 3326, app/assets/stylesheets/customers/birthday_blast.scss */
.long-desc-block.collapsed {
max-height: 240px;
overflow: hidden;
}
/* line 3330, 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 3342, 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 3359, app/assets/stylesheets/customers/birthday_blast.scss */
.long-desc-toggle:active {
transform: scale(0.98);
}
/* line 3363, app/assets/stylesheets/customers/birthday_blast.scss */
.booking-panel {
padding: 16px;
border-radius: 18px !important;
}
/* line 3364, app/assets/stylesheets/customers/birthday_blast.scss */
.booking-title {
font-size: 18px;
margin-bottom: 12px;
}
/* line 3365, app/assets/stylesheets/customers/birthday_blast.scss */
.booking-row {
grid-template-columns: 1fr 1fr;
gap: 8px;
margin-bottom: 8px;
}
/* line 3366, app/assets/stylesheets/customers/birthday_blast.scss */
.booking-input {
font-size: 14px;
padding: 10px 12px;
border-radius: 10px;
border-width: 1.5px;
}
/* line 3367, app/assets/stylesheets/customers/birthday_blast.scss */
.booking-label {
font-size: 9.5px;
letter-spacing: 1.2px;
}
/* line 3368, app/assets/stylesheets/customers/birthday_blast.scss */
.booking-duration {
font-size: 11px;
padding: 9px 12px;
line-height: 1.4;
}
/* line 3369, app/assets/stylesheets/customers/birthday_blast.scss */
.booking-fee {
font-size: 12px;
}
/* line 3370, app/assets/stylesheets/customers/birthday_blast.scss */
.booking-cta {
font-size: 14px;
padding: 13px;
}
/* line 3371, app/assets/stylesheets/customers/birthday_blast.scss */
.duration-section {
margin-bottom: 12px;
}
/* line 3372, app/assets/stylesheets/customers/birthday_blast.scss */
.duration-label, .included-label {
font-size: 9.5px;
letter-spacing: 1.2px;
margin-bottom: 8px;
}
/* line 3373, app/assets/stylesheets/customers/birthday_blast.scss */
.duration-options {
gap: 6px;
}
/* line 3374, app/assets/stylesheets/customers/birthday_blast.scss */
.dur-radio {
padding: 5px 10px;
font-size: 11px;
border-width: 1.5px;
}
/* line 3375, app/assets/stylesheets/customers/birthday_blast.scss */
.included-item {
padding: 9px;
border-radius: 10px;
}
/* line 3376, app/assets/stylesheets/customers/birthday_blast.scss */
.included-item-thumb {
width: 36px;
height: 28px;
font-size: 14px;
}
/* line 3377, app/assets/stylesheets/customers/birthday_blast.scss */
.included-item-name {
font-size: 12.5px;
}
/* line 3378, app/assets/stylesheets/customers/birthday_blast.scss */
.choose-variant-btn {
font-size: 10.5px;
padding: 5px 11px;
}
/* line 3379, app/assets/stylesheets/customers/birthday_blast.scss */
.inline-dropdown-item {
flex-wrap: wrap;
padding: 9px;
}
/* line 3380, app/assets/stylesheets/customers/birthday_blast.scss */
.inline-dropdown-name {
flex: 1 1 60%;
min-width: 0;
font-size: 12.5px;
}
/* line 3381, app/assets/stylesheets/customers/birthday_blast.scss */
.inline-dropdown-select {
padding: 6px 10px;
font-size: 12px;
}
/* line 3382, app/assets/stylesheets/customers/birthday_blast.scss */
.qty-btn {
width: 32px;
height: 32px;
font-size: 16px;
}
/* line 3383, app/assets/stylesheets/customers/birthday_blast.scss */
.qty-val {
width: 34px;
font-size: 14px;
}
/* line 3384, app/assets/stylesheets/customers/birthday_blast.scss */
.qty-label {
font-size: 11px;
}
/* line 3385, app/assets/stylesheets/customers/birthday_blast.scss */
.booking-qty-row {
margin-bottom: 14px;
}
/* line 3386, app/assets/stylesheets/customers/birthday_blast.scss */
.additional-fees, .booking-duration {
font-size: 11px;
}
/* line 3387, app/assets/stylesheets/customers/birthday_blast.scss */
.surface-opt {
padding: 10px 12px;
}
/* line 3388, app/assets/stylesheets/customers/birthday_blast.scss */
.surface-opt-label {
font-size: 13px;
}
/* line 3389, app/assets/stylesheets/customers/birthday_blast.scss */
.surface-opt-price {
font-size: 12px;
}
/* line 3390, app/assets/stylesheets/customers/birthday_blast.scss */
.overnight-card {
padding: 12px;
}
/* line 3391, app/assets/stylesheets/customers/birthday_blast.scss */
.overnight-card-top {
flex-wrap: wrap;
gap: 8px;
}
/* line 3392, app/assets/stylesheets/customers/birthday_blast.scss */
.overnight-title {
font-size: 13px;
flex: 1 1 60%;
}
/* line 3393, app/assets/stylesheets/customers/birthday_blast.scss */
.overnight-desc, .overnight-pickup, .overnight-tags {
margin-left: 0;
}
/* line 3394, app/assets/stylesheets/customers/birthday_blast.scss */
.overnight-desc {
font-size: 11px;
}
/* line 3395, app/assets/stylesheets/customers/birthday_blast.scss */
.overnight-pickup {
font-size: 11px;
padding: 7px 10px;
}
/* line 3396, app/assets/stylesheets/customers/birthday_blast.scss */
.overnight-tag {
font-size: 10px;
padding: 2px 8px;
}
/* line 3399, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-bottom-bar.show {
display: flex;
}
/* line 3402, app/assets/stylesheets/customers/birthday_blast.scss */
#page-detail .sec-label {
margin-bottom: 14px;
}
/* line 3403, app/assets/stylesheets/customers/birthday_blast.scss */
#page-detail > div > div > div[style*="margin-top:64px"] {
margin-top: 24px !important;
padding: 0 16px;
}
/* line 3404, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-addons-section {
padding: 24px 0 28px;
}
/* line 3407, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-cart-header {
padding: 18px 16px 0;
}
/* line 3408, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-cart-header h1 {
font-size: 26px;
}
/* line 3409, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-cart-header p {
font-size: 13px;
}
/* line 3410, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-wrap {
padding: 16px 0 130px;
}
/* line 3411, app/assets/stylesheets/customers/birthday_blast.scss */
#page-cart > div:first-child {
padding: 18px 16px 0 !important;
}
/* line 3412, app/assets/stylesheets/customers/birthday_blast.scss */
#page-cart > div:first-child h1 {
font-size: 26px !important;
}
/* line 3413, app/assets/stylesheets/customers/birthday_blast.scss */
#page-cart > div:first-child p {
font-size: 13px !important;
}
/* line 3414, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-layout {
padding: 0 16px;
gap: 14px;
}
/* line 3416, 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 3424, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-item-img {
aspect-ratio: 1;
border-radius: 10px;
grid-row: 1;
grid-column: 1;
}
/* line 3425, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-item > div:nth-child(2) {
grid-row: 1;
grid-column: 2;
min-width: 0;
}
/* line 3426, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-item-cat {
font-size: 9px;
letter-spacing: 1.4px;
margin-bottom: 2px;
}
/* line 3427, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-item-name {
font-size: 14px;
line-height: 1.15;
margin-bottom: 3px;
}
/* line 3428, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-item-date {
font-size: 11px;
}
/* line 3429, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-item-fees {
font-size: 10.5px;
margin-top: 2px;
}
/* line 3430, app/assets/stylesheets/customers/birthday_blast.scss */
.change-date-btn {
font-size: 11px;
margin-top: 4px;
}
/* line 3432, 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 3443, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-item-price {
font-size: 17px;
}
/* line 3444, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-qty-btn {
width: 26px;
height: 26px;
font-size: 14px;
}
/* line 3445, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-qty-val {
width: 26px;
font-size: 13px;
}
/* line 3446, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-remove {
font-size: 11px;
}
/* line 3447, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-summary {
padding: 18px;
border-radius: 16px;
}
/* line 3448, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-summary-title {
font-size: 18px;
margin-bottom: 14px;
}
/* line 3449, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-line {
font-size: 13px;
margin-bottom: 8px;
}
/* line 3450, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-line.bold {
font-size: 17px;
padding-top: 12px;
color: #1a1a1a;
}
/* line 3451, 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 3453, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-checkout-btn {
font-size: 15px;
padding: 14px;
}
/* line 3454, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-continue {
font-size: 13px;
padding: 11px;
}
/* line 3455, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-sticky-bar {
padding: 10px 14px calc(10px + env(safe-area-inset-bottom));
gap: 10px;
}
/* line 3456, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-sticky-bar > div:nth-child(2) {
display: none;
}
/* line 3457, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-sticky-amount {
font-size: 21px;
}
/* line 3458, 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 3459, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-sticky-btn {
padding: 12px 22px;
font-size: 13.5px;
flex-shrink: 0;
}
/* line 3461, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-spec[style*="border-top"] .detail-spec-label {
display: none;
}
/* line 3462, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-spec[style*="border-top"] {
padding-top: 10px !important;
margin-top: 2px !important;
}
/* line 3465, 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 3471, app/assets/stylesheets/customers/birthday_blast.scss */
.nav-link:active, .cat:active, .prod-card:active, .filter-chip:active {
transform: scale(0.98);
}
/* line 3474, app/assets/stylesheets/customers/birthday_blast.scss */
.checkout-wrap {
padding: 24px 16px;
}
/* line 3475, app/assets/stylesheets/customers/birthday_blast.scss */
#page-checkout > div:first-child {
padding: 18px 16px 0 !important;
}
/* line 3476, app/assets/stylesheets/customers/birthday_blast.scss */
#page-checkout > div:first-child h1 {
font-size: 26px !important;
}
/* line 3477, app/assets/stylesheets/customers/birthday_blast.scss */
#page-checkout > div:first-child p {
font-size: 13px !important;
}
/* line 3478, app/assets/stylesheets/customers/birthday_blast.scss */
#page-checkout > div:first-child > div:last-child {
margin-top: 14px !important;
}
/* line 3479, 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 3480, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-checkout-header {
padding: 0 16px;
}
/* line 3481, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-checkout-header h1 {
font-size: 24px;
}
/* line 3482, app/assets/stylesheets/customers/birthday_blast.scss */
.checkout-form-wrap {
gap: 14px;
}
/* line 3483, app/assets/stylesheets/customers/birthday_blast.scss */
.form-section {
padding: 28px;
border-radius: 24px !important;
}
/* line 3484, app/assets/stylesheets/customers/birthday_blast.scss */
.form-section-title {
font-size: 22px;
margin-bottom: 20px;
gap: 10px;
}
/* line 3485, app/assets/stylesheets/customers/birthday_blast.scss */
.form-section-num {
width: 30px;
height: 30px;
font-size: 13px;
}
/* line 3486, app/assets/stylesheets/customers/birthday_blast.scss */
.form-input {
font-size: 14px;
padding: 13px 16px;
border-radius: 12px;
border-width: 2px;
}
/* line 3487, app/assets/stylesheets/customers/birthday_blast.scss */
.form-label {
font-size: 11px;
letter-spacing: 1.5px;
}
/* line 3488, app/assets/stylesheets/customers/birthday_blast.scss */
.form-grid-2 {
grid-template-columns: 1fr 1fr;
gap: 14px;
}
/* line 3489, app/assets/stylesheets/customers/birthday_blast.scss */
.form-group {
margin-bottom: 14px;
}
/* line 3490, app/assets/stylesheets/customers/birthday_blast.scss */
.form-check {
font-size: 13px;
}
/* line 3491, app/assets/stylesheets/customers/birthday_blast.scss */
.payment-opts {
grid-template-columns: repeat(4, 1fr);
gap: 10px;
margin-bottom: 18px;
}
/* line 3492, app/assets/stylesheets/customers/birthday_blast.scss */
.pay-opt {
padding: 14px 10px;
border-radius: 12px;
}
/* line 3493, app/assets/stylesheets/customers/birthday_blast.scss */
.pay-opt-label {
font-size: 12px;
}
/* line 3494, app/assets/stylesheets/customers/birthday_blast.scss */
.pay-opt-icon {
font-size: 20px;
margin-bottom: 4px;
}
/* line 3495, app/assets/stylesheets/customers/birthday_blast.scss */
.card-box {
padding: 20px;
border-radius: 14px;
}
/* line 3497, app/assets/stylesheets/customers/birthday_blast.scss */
#bb-payment-section #payment-options .grid {
grid-template-columns: repeat(2, 1fr) !important;
gap: 8px !important;
}
/* line 3498, app/assets/stylesheets/customers/birthday_blast.scss */
#bb-payment-section #payment-options .grid > div {
min-height: 56px !important;
padding: 12px 8px !important;
}
/* line 3499, app/assets/stylesheets/customers/birthday_blast.scss */
#bb-payment-section #payment-options .grid label {
font-size: 13px !important;
}
/* line 3500, app/assets/stylesheets/customers/birthday_blast.scss */
#bb-payment-section #payment-details {
padding: 16px !important;
border-radius: 12px !important;
}
/* line 3502, app/assets/stylesheets/customers/birthday_blast.scss */
.order-summary {
padding: 28px;
border-radius: 20px;
}
/* line 3503, app/assets/stylesheets/customers/birthday_blast.scss */
.order-item {
padding-bottom: 16px;
margin-bottom: 16px;
gap: 14px;
}
/* line 3504, app/assets/stylesheets/customers/birthday_blast.scss */
.order-item-img {
width: 60px;
height: 46px;
}
/* line 3505, app/assets/stylesheets/customers/birthday_blast.scss */
.order-item-name {
font-size: 13px;
}
/* line 3506, app/assets/stylesheets/customers/birthday_blast.scss */
.order-item-date {
font-size: 11px;
}
/* line 3507, app/assets/stylesheets/customers/birthday_blast.scss */
.order-item-price {
font-size: 14px;
}
/* line 3508, app/assets/stylesheets/customers/birthday_blast.scss */
.tip-opts {
gap: 8px;
}
/* line 3509, app/assets/stylesheets/customers/birthday_blast.scss */
.tip-btn {
flex: 1;
padding: 9px;
font-size: 13px;
border-radius: 10px;
}
/* line 3510, app/assets/stylesheets/customers/birthday_blast.scss */
.damage-waiver {
margin-bottom: 16px;
}
/* line 3511, app/assets/stylesheets/customers/birthday_blast.scss */
.damage-waiver-top {
padding: 16px 18px;
gap: 14px;
}
/* line 3512, app/assets/stylesheets/customers/birthday_blast.scss */
.damage-waiver-title-rich {
font-size: 15px;
}
/* line 3513, app/assets/stylesheets/customers/birthday_blast.scss */
.damage-waiver-body {
padding: 16px 18px;
}
/* line 3514, app/assets/stylesheets/customers/birthday_blast.scss */
.place-order-btn {
font-size: 17px;
padding: 18px;
}
/* line 3517, app/assets/stylesheets/customers/birthday_blast.scss */
.about-story {
padding: 24px 16px;
gap: 18px;
}
/* line 3518, app/assets/stylesheets/customers/birthday_blast.scss */
.about-story-img {
border-radius: 16px;
}
/* line 3519, app/assets/stylesheets/customers/birthday_blast.scss */
.about-stats {
margin: 0 16px;
grid-template-columns: repeat(3, 1fr);
}
/* line 3520, 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 3521, app/assets/stylesheets/customers/birthday_blast.scss */
.about-stat:last-child {
border-right: none;
}
/* line 3522, app/assets/stylesheets/customers/birthday_blast.scss */
.about-stat-num {
font-size: 24px;
}
/* line 3523, app/assets/stylesheets/customers/birthday_blast.scss */
.about-stat-label {
font-size: 9.5px;
letter-spacing: .4px;
}
/* line 3524, app/assets/stylesheets/customers/birthday_blast.scss */
.about-photos {
padding: 18px 16px 0;
grid-template-columns: repeat(2, 1fr);
gap: 8px;
}
/* line 3525, app/assets/stylesheets/customers/birthday_blast.scss */
.about-photo {
border-radius: 12px;
}
/* line 3526, app/assets/stylesheets/customers/birthday_blast.scss */
.about-faq {
padding: 28px 16px;
}
/* line 3527, app/assets/stylesheets/customers/birthday_blast.scss */
.faq-list {
gap: 8px;
margin-top: 16px;
}
/* line 3528, app/assets/stylesheets/customers/birthday_blast.scss */
.faq-q {
padding: 14px 16px;
font-size: 13.5px;
gap: 10px;
}
/* line 3529, app/assets/stylesheets/customers/birthday_blast.scss */
.faq-a {
padding: 0 16px 14px;
font-size: 12.5px;
line-height: 1.7;
}
/* line 3530, app/assets/stylesheets/customers/birthday_blast.scss */
.faq-ico {
width: 22px;
height: 22px;
font-size: 14px;
}
/* line 3531, 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 3532, app/assets/stylesheets/customers/birthday_blast.scss */
.about-reviews-bar-left {
width: 100%;
}
/* line 3533, app/assets/stylesheets/customers/birthday_blast.scss */
.about-reviews-rating {
padding: 14px 18px;
width: 100%;
border-radius: 14px;
}
/* line 3534, app/assets/stylesheets/customers/birthday_blast.scss */
.about-content-wrap {
padding: 24px 16px;
}
/* line 3535, app/assets/stylesheets/customers/birthday_blast.scss */
.about-content-wrap .about-story-img {
aspect-ratio: 16/10;
border-radius: 14px;
}
/* line 3536, app/assets/stylesheets/customers/birthday_blast.scss */
.about-content-text {
font-size: 13.5px;
line-height: 1.7;
margin-bottom: 12px;
}
/* line 3539, app/assets/stylesheets/customers/birthday_blast.scss */
.contact-info-section .contact-cards {
gap: 10px;
}
/* line 3540, app/assets/stylesheets/customers/birthday_blast.scss */
.contact-cards {
padding: 18px 16px 0;
gap: 10px;
}
/* line 3541, app/assets/stylesheets/customers/birthday_blast.scss */
.contact-card {
padding: 18px;
border-radius: 16px;
}
/* line 3542, app/assets/stylesheets/customers/birthday_blast.scss */
.contact-card-icon {
width: 48px;
height: 48px;
font-size: 22px;
margin-bottom: 10px;
}
/* line 3543, app/assets/stylesheets/customers/birthday_blast.scss */
.contact-card-title {
font-size: 17px;
margin-bottom: 4px;
}
/* line 3544, app/assets/stylesheets/customers/birthday_blast.scss */
.contact-card-val {
font-size: 13px;
color: #555;
}
/* line 3545, app/assets/stylesheets/customers/birthday_blast.scss */
.contact-card-val-sub {
font-size: 12px;
color: #aaa;
}
/* line 3546, app/assets/stylesheets/customers/birthday_blast.scss */
.contact-form-wrap {
padding: 18px 16px 32px;
}
/* line 3547, app/assets/stylesheets/customers/birthday_blast.scss */
.contact-form {
padding: 20px;
border-radius: 18px;
}
/* line 3548, app/assets/stylesheets/customers/birthday_blast.scss */
.contact-form-title {
font-size: 22px;
margin-bottom: 16px;
}
/* line 3549, app/assets/stylesheets/customers/birthday_blast.scss */
.contact-form .form-grid-2 {
grid-template-columns: 1fr;
gap: 0;
}
/* line 3550, app/assets/stylesheets/customers/birthday_blast.scss */
.contact-textarea {
font-size: 14px;
padding: 12px 14px;
min-height: 100px;
}
/* line 3551, app/assets/stylesheets/customers/birthday_blast.scss */
.contact-submit {
width: 100%;
padding: 14px;
font-size: 15px;
}
/* line 3554, app/assets/stylesheets/customers/birthday_blast.scss */
.footer {
padding: 28px 16px 16px;
}
/* line 3555, app/assets/stylesheets/customers/birthday_blast.scss */
.footer-grid {
grid-template-columns: 1fr 1fr;
gap: 22px 16px;
margin-bottom: 22px;
}
/* line 3556, app/assets/stylesheets/customers/birthday_blast.scss */
.footer-grid > div:first-child {
grid-column: 1 / -1;
}
/* line 3558, app/assets/stylesheets/customers/birthday_blast.scss */
.footer-logo {
font-size: 22px;
margin-bottom: 8px;
}
/* line 3559, app/assets/stylesheets/customers/birthday_blast.scss */
.footer-tagline {
font-size: 12px;
margin-bottom: 12px;
line-height: 1.6;
}
/* line 3560, app/assets/stylesheets/customers/birthday_blast.scss */
.footer-call {
padding: 9px 18px;
font-size: 12px;
}
/* line 3561, app/assets/stylesheets/customers/birthday_blast.scss */
.footer-col-title {
font-size: 9px;
margin-bottom: 10px;
letter-spacing: 2px;
}
/* line 3562, app/assets/stylesheets/customers/birthday_blast.scss */
.footer-link {
font-size: 12.5px;
margin-bottom: 6px;
}
/* line 3563, app/assets/stylesheets/customers/birthday_blast.scss */
.footer-socials {
margin-top: 12px;
gap: 8px;
}
/* line 3564, app/assets/stylesheets/customers/birthday_blast.scss */
.footer-soc {
width: 32px;
height: 32px;
}
/* line 3565, app/assets/stylesheets/customers/birthday_blast.scss */
.footer-bot {
flex-direction: column;
align-items: flex-start;
gap: 6px;
padding-top: 16px;
}
/* line 3566, app/assets/stylesheets/customers/birthday_blast.scss */
.footer-copy, .footer-tc {
font-size: 11px;
}
/* line 3569, app/assets/stylesheets/customers/birthday_blast.scss */
#page-home {
display: flex;
flex-direction: column;
}
/* line 3570, app/assets/stylesheets/customers/birthday_blast.scss */
#page-home > [class*="slash-"] {
display: none;
}
/* line 3571, app/assets/stylesheets/customers/birthday_blast.scss */
#page-home > .hero {
order: 0;
}
/* line 3572, app/assets/stylesheets/customers/birthday_blast.scss */
#page-home > div:nth-child(5) {
order: 1;
}
/* line 3573, app/assets/stylesheets/customers/birthday_blast.scss */
#page-home > .cats {
order: 2;
}
/* line 3574, app/assets/stylesheets/customers/birthday_blast.scss */
#page-home > div:nth-child(7) {
order: 3;
}
/* line 3575, app/assets/stylesheets/customers/birthday_blast.scss */
#page-home > div:nth-child(9) {
order: 4;
}
/* line 3576, app/assets/stylesheets/customers/birthday_blast.scss */
#page-home > div:nth-child(10) {
order: 5;
}
/* line 3577, app/assets/stylesheets/customers/birthday_blast.scss */
#page-home > .cta-sec {
order: 6;
}
/* line 3578, app/assets/stylesheets/customers/birthday_blast.scss */
#page-home > div:nth-child(5) .sec-sup {
color: var(--orange);
}
/* line 3580, 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 3585, 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 3586, app/assets/stylesheets/customers/birthday_blast.scss */
#page-home div[style*="background:rgba(255,255,255,.08)"] {
padding: 12px 16px !important;
}
/* line 3587, 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 3593, 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 3594, 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 3597, app/assets/stylesheets/customers/birthday_blast.scss */
.cta-sec {
padding: 36px 18px;
}
/* line 3598, app/assets/stylesheets/customers/birthday_blast.scss */
.cta-t {
font-size: 26px;
}
/* line 3599, app/assets/stylesheets/customers/birthday_blast.scss */
.cta-s {
font-size: 13px;
margin-bottom: 18px;
}
/* line 3600, app/assets/stylesheets/customers/birthday_blast.scss */
.cta-btn {
padding: 13px 32px;
font-size: 14px;
}
/* line 3603, app/assets/stylesheets/customers/birthday_blast.scss */
.modal-box {
padding: 22px 18px;
border-radius: 18px;
width: 94%;
}
/* line 3604, app/assets/stylesheets/customers/birthday_blast.scss */
.modal-title {
font-size: 20px;
}
/* line 3605, app/assets/stylesheets/customers/birthday_blast.scss */
.modal-sub {
font-size: 12px;
}
/* line 3606, app/assets/stylesheets/customers/birthday_blast.scss */
.variant-radio-option {
padding: 12px 14px;
border-radius: 10px;
}
/* line 3607, app/assets/stylesheets/customers/birthday_blast.scss */
.variant-radio-label {
font-size: 13.5px;
}
/* line 3608, app/assets/stylesheets/customers/birthday_blast.scss */
.modal-confirm-btn {
font-size: 14px;
padding: 13px;
}
/* line 3609, app/assets/stylesheets/customers/birthday_blast.scss */
.checkout-popup {
padding: 0;
border-radius: 18px;
width: 94%;
max-height: 88vh;
}
/* line 3610, app/assets/stylesheets/customers/birthday_blast.scss */
.checkout-popup-scroll {
padding: 24px 18px 8px;
}
/* line 3611, app/assets/stylesheets/customers/birthday_blast.scss */
.checkout-popup-title {
font-size: 21px;
}
/* line 3612, app/assets/stylesheets/customers/birthday_blast.scss */
.checkout-popup-sub {
font-size: 12px;
margin-bottom: 16px;
}
/* line 3613, app/assets/stylesheets/customers/birthday_blast.scss */
.upsell-popup-item {
flex-wrap: wrap;
gap: 8px 10px;
padding: 12px;
border-radius: 12px;
}
/* line 3614, app/assets/stylesheets/customers/birthday_blast.scss */
.upsell-popup-img {
width: 42px;
height: 32px;
border-radius: 6px;
}
/* line 3615, app/assets/stylesheets/customers/birthday_blast.scss */
.upsell-popup-name {
flex: 1 1 60%;
font-size: 13.5px;
}
/* line 3616, app/assets/stylesheets/customers/birthday_blast.scss */
.upsell-popup-check {
width: 22px;
height: 22px;
}
/* line 3617, app/assets/stylesheets/customers/birthday_blast.scss */
.upsell-popup-price-sel {
flex: 1 1 100%;
font-size: 14px;
padding: 9px 10px;
}
/* line 3618, app/assets/stylesheets/customers/birthday_blast.scss */
.upsell-popup-qty {
margin-left: auto;
}
/* line 3619, app/assets/stylesheets/customers/birthday_blast.scss */
.upsell-popup-qty button {
width: 32px;
height: 32px;
font-size: 18px;
}
/* line 3620, app/assets/stylesheets/customers/birthday_blast.scss */
.upsell-popup-qty span {
width: 32px;
font-size: 14px;
}
/* line 3621, app/assets/stylesheets/customers/birthday_blast.scss */
.popup-btns {
padding: 12px 18px 18px;
flex-direction: row;
gap: 8px;
}
/* line 3622, app/assets/stylesheets/customers/birthday_blast.scss */
.popup-no-btn, .popup-yes-btn {
font-size: 13.5px;
padding: 13px 8px;
}
/* line 3623, app/assets/stylesheets/customers/birthday_blast.scss */
.popup-no-btn {
flex: 0 0 38%;
}
/* line 3624, app/assets/stylesheets/customers/birthday_blast.scss */
.popup-yes-btn {
flex: 1;
}
/* line 3626, 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 3629, app/assets/stylesheets/customers/birthday_blast.scss */
.date-modal {
padding: 24px 18px 18px;
border-radius: 18px;
}
/* line 3630, app/assets/stylesheets/customers/birthday_blast.scss */
.date-modal-title {
font-size: 20px;
}
/* line 3631, app/assets/stylesheets/customers/birthday_blast.scss */
.date-modal-icon {
font-size: 34px;
}
/* line 3632, app/assets/stylesheets/customers/birthday_blast.scss */
.date-modal .booking-row {
grid-template-columns: 1fr;
}
/* line 3635, 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 3644, app/assets/stylesheets/customers/birthday_blast.scss */
#tcModal > div {
padding: 22px 18px !important;
border-radius: 18px;
}
/* line 3645, app/assets/stylesheets/customers/birthday_blast.scss */
#tcModal h2 {
font-size: 22px !important;
}
/* line 3646, app/assets/stylesheets/customers/birthday_blast.scss */
#tcModal div[style*="font-size:13px"] {
font-size: 12.5px !important;
}
/* line 3649, 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 3650, app/assets/stylesheets/customers/birthday_blast.scss */
.toast-cart.show {
transform: translateY(0);
}
/* line 3653, app/assets/stylesheets/customers/birthday_blast.scss */
body {
overflow-x: hidden;
}
/* line 3654, app/assets/stylesheets/customers/birthday_blast.scss */
.order-item {
flex-wrap: wrap;
}
/* line 3655, app/assets/stylesheets/customers/birthday_blast.scss */
.order-item > div:nth-child(2) {
flex: 1 1 60%;
min-width: 0;
}
/* line 3656, app/assets/stylesheets/customers/birthday_blast.scss */
.order-item-price {
flex-shrink: 0;
}
/* line 3659, 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 3670, 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 3695, 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 3706, 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 3711, app/assets/stylesheets/customers/birthday_blast.scss */
input.booking-input[type="date"],
input.form-input[type="date"] {
min-width: 140px;
}
/* line 3715, 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 3734, app/assets/stylesheets/customers/birthday_blast.scss */
select.booking-input {
padding-right: 32px;
}
/* line 3735, app/assets/stylesheets/customers/birthday_blast.scss */
select.upsell-popup-price-sel {
padding-right: 28px;
background-position: right 8px center;
background-size: 10px;
}
/* line 3738, 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 3744, app/assets/stylesheets/customers/birthday_blast.scss */
.nav {
padding: 0 12px;
}
/* line 3745, app/assets/stylesheets/customers/birthday_blast.scss */
.btn-call {
display: none;
}
/* line 3746, app/assets/stylesheets/customers/birthday_blast.scss */
.logo {
font-size: 19px;
}
/* line 3747, app/assets/stylesheets/customers/birthday_blast.scss */
.bb-logo--large .bb-logo-img {
max-height: 40px;
}
/* line 3748, app/assets/stylesheets/customers/birthday_blast.scss */
.hero-h1 {
font-size: 32px;
}
/* line 3749, app/assets/stylesheets/customers/birthday_blast.scss */
.sec-h2, .sec-h2-wh {
font-size: 21px;
}
/* line 3750, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-title {
font-size: 21px;
}
/* line 3751, app/assets/stylesheets/customers/birthday_blast.scss */
.cat {
flex: 0 0 144px;
width: 144px;
height: 128px;
}
/* line 3752, app/assets/stylesheets/customers/birthday_blast.scss */
.cta-t {
font-size: 23px;
}
/* line 3753, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-sticky-amount {
font-size: 19px;
}
/* line 3754, app/assets/stylesheets/customers/birthday_blast.scss */
.cart-sticky-btn {
padding: 11px 16px;
font-size: 12.5px;
}
/* line 3755, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-bb-price {
font-size: 20px;
}
/* line 3756, app/assets/stylesheets/customers/birthday_blast.scss */
.detail-bb-cta {
padding: 11px 20px;
font-size: 13px;
}
}