.blur-header,.blur-navigation{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.blur-overlay{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.blur-card{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.blur-subtle{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.bg-translucent-white{background-color:#fffc}.bg-translucent-yellow{background-color:#fad503cc}.bg-translucent-red{background-color:#d13138cc}.bg-translucent-black{background-color:#1a1a1acc}.bg-translucent-gray{background-color:#f5f5f5cc}.blur-header-white{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background-color:#fffc}.blur-navigation-white{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background-color:#ffffffe6}.blur-overlay-dark{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#00000080}@supports not (backdrop-filter: blur(20px)){.blur-header,.blur-navigation,.blur-header-white,.blur-navigation-white{background-color:#fffffff2}.blur-overlay,.blur-overlay-dark{background-color:#000000b3}.blur-card{background-color:#ffffffe6}.blur-subtle{background-color:#ffffffd9}}.blur-animated{will-change:backdrop-filter,transform}.blur-transition{transition:backdrop-filter .3s ease-in-out}.btn-animated{transition:transform .2s cubic-bezier(.4,0,.2,1),opacity .2s cubic-bezier(.4,0,.2,1);cursor:pointer;-webkit-user-select:none;user-select:none}.btn-animated:active:not(:disabled){transform:scale(.92);opacity:.9}@media (hover: hover) and (pointer: fine){.btn-animated:hover:not(:disabled){transform:scale(1.02)}}.btn-animated:disabled{cursor:not-allowed;opacity:.5}.btn-animated:focus-visible{outline:2px solid var(--color-primary, #fad503);outline-offset:2px}.btn-animated.btn-primary:active:not(:disabled){transform:scale(.92);filter:brightness(.95)}.btn-animated.btn-secondary:active:not(:disabled){transform:scale(.92);filter:brightness(.95)}.btn-animated.btn-outline:active:not(:disabled){transform:scale(.92);background-color:#fad5031a}.btn-animated.btn-ghost:active:not(:disabled){transform:scale(.95);background-color:#0000000d}.btn-animated.btn-icon:active:not(:disabled){transform:scale(.9)}.btn-animated.btn-fab{transition:transform .2s cubic-bezier(.68,-.55,.265,1.55),box-shadow .2s cubic-bezier(.4,0,.2,1)}.btn-animated.btn-fab:active:not(:disabled){transform:scale(.88);box-shadow:0 2px 8px #00000026}.btn-animated.btn-micro{transition:transform .15s cubic-bezier(.4,0,.2,1)}.btn-animated.btn-micro:active:not(:disabled){transform:scale(.9)}.btn-animated.btn-loading{pointer-events:none;animation:btn-pulse 1.5s ease-in-out infinite}@keyframes btn-pulse{0%,to{opacity:1}50%{opacity:.7}}.btn-animated.btn-success-feedback{animation:btn-success .6s cubic-bezier(.68,-.55,.265,1.55)}@keyframes btn-success{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.btn-animated.btn-error-feedback{animation:btn-shake .4s cubic-bezier(.36,.07,.19,.97)}@keyframes btn-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}.btn-animated.btn-ripple{position:relative;overflow:hidden}.btn-animated.btn-ripple:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff80;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-animated.btn-ripple:active:after{width:300px;height:300px}@media (prefers-reduced-motion: reduce){.btn-animated,.btn-animated.btn-fab,.btn-animated.btn-micro{transition:none;animation:none}.btn-animated:active:not(:disabled){transform:none;opacity:.9}}.page-transition{animation-duration:.4s;animation-timing-function:cubic-bezier(.33,1,.68,1);animation-fill-mode:both}.page-enter-right{animation-name:page-slide-in-right}@keyframes page-slide-in-right{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.page-exit-right{animation-name:page-slide-out-right}@keyframes page-slide-out-right{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-30px)}}.page-enter-left{animation-name:page-slide-in-left}@keyframes page-slide-in-left{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.page-exit-left{animation-name:page-slide-out-left}@keyframes page-slide-out-left{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(30px)}}.page-enter-up{animation-name:page-slide-in-up}@keyframes page-slide-in-up{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.page-exit-up{animation-name:page-slide-out-up}@keyframes page-slide-out-up{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(30px)}}.page-enter-down{animation-name:page-slide-in-down}@keyframes page-slide-in-down{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.page-exit-down{animation-name:page-slide-out-down}@keyframes page-slide-out-down{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-30px)}}.page-crossfade-enter{animation-name:page-fade-in}@keyframes page-fade-in{0%{opacity:0}to{opacity:1}}.page-crossfade-exit{animation-name:page-fade-out}@keyframes page-fade-out{0%{opacity:1}to{opacity:0}}.page-scale-enter{animation-name:page-scale-in}@keyframes page-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.page-scale-exit{animation-name:page-scale-out}@keyframes page-scale-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.05)}}.page-zoom-enter{animation-name:page-zoom-in}@keyframes page-zoom-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.page-zoom-exit{animation-name:page-zoom-out}@keyframes page-zoom-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.page-transition-fast{animation-duration:.2s}.page-transition-slow{animation-duration:.6s}.page-transition-smooth{animation-timing-function:cubic-bezier(.65,0,.35,1)}.page-transition-bouncy{animation-timing-function:cubic-bezier(.68,-.55,.265,1.55)}@media (max-width: 767px){.page-transition{animation-duration:.3s}}@media (prefers-reduced-motion: reduce){.page-transition,.page-transition-fast,.page-transition-slow{animation-duration:.01ms!important;animation-iteration-count:1!important}.page-enter-right,.page-enter-left,.page-enter-up,.page-enter-down,.page-crossfade-enter,.page-scale-enter,.page-zoom-enter{animation-name:page-fade-in-instant}@keyframes page-fade-in-instant{0%{opacity:0}to{opacity:1}}}.page-container{position:relative;width:100%;min-height:100vh;overflow-x:hidden}.page-content{position:relative;width:100%}:root{--bs-font-body: "Montserrat", system-ui, -apple-system, sans-serif;--bs-font-display: "Bebas Neue", cursive;font-family:var(--bs-font-body);line-height:1.5;font-weight:400;color-scheme:dark;color:#fff;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bs-yellow: #fad503;--bs-red: #d13138;--bs-white: #ffffff;--bs-black: #000000;--bs-surface-hero: #000000;--bs-surface-primary: #121212;--bs-surface-accent: var(--bs-red);--bs-surface-card: #1E1E1E;--bs-shadow-card: 0 10px 24px rgba(0, 0, 0, .5);--bs-shadow-sticker: 0 6px 18px rgba(0, 0, 0, .5);--bs-shadow-cta: 0 10px 24px rgba(0, 0, 0, .6);--bs-text-caption: 11px;--bs-text-body-sm: 13px;--bs-text-body: 14px;--bs-text-body-lg: 16px;--bs-text-heading: 22px;--bs-text-display-sm: 56px;--bs-text-display: 72px;--bs-lh-tight: .92;--bs-lh-relaxed: 1.6;--bs-ls-wide: 1.2px;--bs-ls-extra-wide: 2.2px;--bs-yellow-light: #fce96a;--bs-yellow-dark: #d4b102;--bs-yellow-pale: #fef9e7;--bs-red-light: #e85d63;--bs-red-dark: #a12329;--bs-red-pale: #fdeaeb;--bs-gray-50: #171717;--bs-gray-100: #262626;--bs-gray-200: #404040;--bs-gray-300: #525252;--bs-gray-400: #737373;--bs-gray-500: #a3a3a3;--bs-gray-600: #d4d4d4;--bs-gray-700: #e5e5e5;--bs-gray-800: #f5f5f5;--bs-gray-900: #fafafa;--muted-foreground: 0 0% 64%}a{font-weight:500;color:var(--bs-yellow);text-decoration:inherit}a:hover{color:var(--bs-yellow-light)}body{margin:0;min-width:320px;min-height:100vh;overflow-x:clip;touch-action:pan-x pan-y;overscroll-behavior:none;-webkit-text-size-adjust:100%}h1{font-size:3.2em;line-height:1.1;color:#fff}button{font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;color:inherit;background:transparent;border:none;padding:0}button:focus,button:focus-visible{outline:2px solid var(--bs-yellow);outline-offset:2px}#root{overflow-x:clip;background-color:#000;color:#fff}.jb-icon{width:64px!important;height:64px!important;background-image:url(/brands/jollibee/banana_sheet.png);background-size:200% 200%;background-repeat:no-repeat;display:inline-block;vertical-align:middle}.jb-icon-heart{background-position:0% 0%}.jb-icon-hot{background-position:100% 0%}.jb-icon-star{background-position:0% 100%}.jb-icon-sparkle{background-position:100% 100%}.jb-icon-sm{width:20px;height:20px}
