body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f9fa}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--z-index-checkout-bar: 900;--z-index-bottom-nav: 1000;--z-index-sticky-categories: 1080;--z-index-sticky-ads: 1090;--z-index-top-header: 1100;--z-index-header-dropdown: 1200;--z-index-overlay: 2000}:root{--gradient-start-blue: #89f7fe;--gradient-end-blue: #66a6ff;--text-on-gradient: #ffffff;--text-primary: #2c3e50;--text-secondary: #7f8c8d;--background-main: #f4f7f6;--background-card: #ffffff;--border-glossy: rgba(255, 255, 255, .3);--shadow-color: rgba(102, 166, 255, .4)}.bottom-nav-bar{display:flex;justify-content:space-around;align-items:stretch;position:fixed;bottom:0;left:0;width:100%;height:65px;background-color:var(--background-card);border-top:1px solid #eee;box-shadow:0 -2px 10px #00000012;z-index:800}.nav-link{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-grow:1;text-decoration:none;color:var(--text-secondary);font-size:12px;transition:color .2s ease}.nav-link.active .nav-icon,.nav-link.active .nav-text{color:var(--gradient-end-blue)}.nav-icon{font-size:24px;margin-bottom:4px}.top-header{position:fixed;top:0;left:0;right:0;height:56px;background-color:#fff;box-shadow:0 1px 2px #0000000d;z-index:900;display:flex;align-items:center;justify-content:center;padding:0 16px}.header-content{width:100%;max-width:600px;display:flex;align-items:center;justify-content:space-between}.restaurant-title-container{display:flex;flex-direction:column;justify-content:center;line-height:1.1;flex:1;min-width:0;padding-right:12px}.powered-by-text{font-size:.6rem;color:#888;font-weight:500;margin-top:2px;white-space:nowrap;letter-spacing:.3px}.restaurant-title{font-size:1.1rem;font-weight:700;color:#1a1a1a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-login-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;background-color:#fff;border:1px solid #e0e0e0;border-radius:20px;color:#333;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.header-login-btn:active{background-color:#f5f5f5;transform:scale(.96)}.header-login-btn svg{color:#666}.profile-menu-wrapper{position:relative}.menu-toggle-button{background:transparent;border:none;padding:8px;border-radius:50%;color:#333;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.menu-toggle-button:hover,.menu-toggle-button.active{background-color:#f0f0f0}.profile-menu{position:absolute;top:110%;right:0;width:240px;background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;border:1px solid #f0f0f0;overflow:hidden;z-index:901;animation:scaleIn .2s ease forwards;transform-origin:top right}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.profile-menu-info{padding:16px;background-color:#fafafa}.signed-in-label{font-size:.75rem;color:#888;margin:0;text-transform:uppercase;letter-spacing:.5px}.phone-number{font-size:1rem;color:#333;font-weight:700;margin:4px 0 0}.profile-menu-divider{height:1px;background-color:#eee}.logout-menu-item{width:100%;display:flex;align-items:center;gap:12px;padding:14px 16px;background:none;border:none;text-align:left;cursor:pointer;font-size:.95rem;color:#d9363e;font-weight:500;transition:background-color .2s}.logout-menu-item:hover{background-color:#fff5f5}.logout-menu-item svg{color:#d9363e}.bottom-sheet-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:990;display:flex;align-items:flex-end;animation:fade-in .3s ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.bottom-sheet-container{background-color:#fff;width:100%;padding:20px 20px 30px;border-top-left-radius:16px;border-top-right-radius:16px;box-shadow:0 -4px 20px #00000026;animation:slide-up .3s ease-out;position:relative;box-sizing:border-box;height:auto}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.close-button{position:absolute;top:10px;right:10px;background:#f0f0f0;border:none;border-radius:50%;width:30px;height:30px;font-size:20px;line-height:28px;text-align:center;cursor:pointer;color:#555}.bottom-sheet-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;z-index:9999;display:flex;justify-content:center;align-items:flex-end;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.bottom-sheet-overlay.open{opacity:1;visibility:visible}.bottom-sheet-container{background-color:#fff;width:100%;max-width:500px;padding:24px 20px 40px;border-radius:20px 20px 0 0;text-align:center;box-shadow:0 -4px 20px #00000026;transform:translateY(100%);transition:transform .3s cubic-bezier(.2,.8,.2,1)}.bottom-sheet-container h3{color:#1a1a1a;margin:0 0 8px;font-size:1.25rem;font-weight:700}.bottom-sheet-container p{color:#666;margin:0 0 24px;font-size:.95rem;line-height:1.5}.logout-actions{display:flex;gap:12px;width:100%}.logout-btn{flex:1;padding:14px;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .1s ease,background-color .2s;display:flex;align-items:center;justify-content:center}.logout-btn:active{transform:scale(.96)}.logout-btn.cancel{background-color:#f5f5f5;color:#333;border:1px solid #e0e0e0}.logout-btn.cancel:hover{background-color:#eee}.logout-btn.confirm{background-color:#d9363e;color:#fff;box-shadow:0 4px 12px #d9363e4d}.logout-btn.confirm:hover{background-color:#b0232a}.bottom-sheet-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1000;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease-out,visibility .3s ease-out}.bottom-sheet-overlay.open{opacity:1;visibility:visible;pointer-events:auto}.bottom-sheet-container{position:fixed;bottom:0;left:0;right:0;background-color:#fff;border-radius:24px 24px 0 0;padding:24px 24px 40px;box-shadow:0 -10px 40px #0003;max-width:500px;margin:0 auto;max-height:85vh;overflow-y:auto;transform:translateY(100%);transition:transform .3s cubic-bezier(.2,.8,.2,1)}.bottom-sheet-overlay.open .bottom-sheet-container{transform:translateY(0)}.close-button{position:absolute;top:16px;right:16px;background:#f5f5f5;border:none;border-radius:50%;width:32px;height:32px;font-size:1.4rem;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;z-index:10}.close-button:hover{background:#e0e0e0}.sheet-handle{width:48px;height:5px;background-color:#e0e0e0;border-radius:3px;margin:0 auto 24px}.auth-form{display:flex;flex-direction:column;align-items:center;width:100%;gap:16px}.logo-placeholder{width:64px;height:64px;background-color:#f8f9fa;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;color:#888;margin-bottom:8px;border:1px solid #eee}.auth-form h3{margin:0;font-size:1.5rem;font-weight:700;color:#1a1a1a}.auth-form .subtitle{margin:0 0 8px;color:#666;text-align:center;font-size:.95rem;line-height:1.4}.phone-input-custom-sheet{width:100%;margin-bottom:0!important}.phone-input-custom-sheet .PhoneInputInput{border:1px solid #e0e0e0;border-radius:12px;padding:14px 16px;font-size:1rem;transition:border-color .2s;background:#f9f9f9}.phone-input-custom-sheet .PhoneInputInput:focus{border-color:#000;background:#fff;outline:none}.phone-input-custom-sheet .PhoneInputCountrySelect{display:none}.otp-group{display:flex;justify-content:center;gap:8px;width:100%}.otp-field{width:48px;height:56px;text-align:center;font-size:1.5rem;font-weight:600;border:1px solid #e0e0e0;border-radius:12px;outline:none;background-color:#f9f9f9;transition:all .2s;padding:0}.otp-field:focus{border-color:#000;background-color:#fff;transform:translateY(-2px);box-shadow:0 4px 10px #0000000d}.action-button{width:100%;padding:16px;font-size:1rem;font-weight:600;color:#fff;background-color:#000;border:none;border-radius:12px;cursor:pointer;transition:transform .1s,background-color .2s;display:flex;justify-content:center;align-items:center;min-height:52px;margin-top:8px}.action-button:hover{background-color:#333}.action-button:active{transform:scale(.98)}.action-button:disabled{background-color:#ccc;cursor:not-allowed;transform:none}.link-button{background:none;border:none;color:#555;text-decoration:underline;text-decoration-color:#ccc;cursor:pointer;font-size:.9rem;padding:8px;position:relative;margin-top:0}.link-button:hover{color:#000}.error-text{color:#d32f2f;font-size:.9rem;font-weight:500;text-align:center;min-height:1.2rem}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.divider-container{display:flex;align-items:center;justify-content:center;width:100%;margin:8px 0}.divider-line{flex-grow:1;height:1px;background-color:#eee}.divider-text{padding:0 12px;color:#888;font-size:.85rem;font-weight:600}.google-login-button{width:100%;padding:16px;font-size:1rem;font-weight:600;color:#3c4043;background-color:#fff;border:1px solid #dadce0;border-radius:12px;cursor:pointer;transition:background-color .2s,box-shadow .2s,transform .1s;display:flex;justify-content:center;align-items:center;min-height:52px}.google-login-button:hover{background-color:#f8f9fa;border-color:#d2e3fc}.google-login-button:active{transform:scale(.98)}.google-login-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.social-buttons-container{display:flex;gap:12px;width:100%;margin-top:4px}.apple-login-button{width:100%;padding:16px;font-size:1rem;font-weight:600;color:#000;background-color:#fff;border:1px solid #dadce0;border-radius:12px;cursor:pointer;transition:background-color .2s,box-shadow .2s,transform .1s;display:flex;justify-content:center;align-items:center;min-height:52px}.apple-login-button:hover{background-color:#f8f9fa}.apple-login-button:active{transform:scale(.98)}.apple-login-button:disabled{opacity:.6;cursor:not-allowed;transform:none}:root{--PhoneInput-color--focus: #03b2cb;--PhoneInputInternationalIconPhone-opacity: .8;--PhoneInputInternationalIconGlobe-opacity: .65;--PhoneInputCountrySelect-marginRight: .35em;--PhoneInputCountrySelectArrow-width: .3em;--PhoneInputCountrySelectArrow-marginLeft: var(--PhoneInputCountrySelect-marginRight);--PhoneInputCountrySelectArrow-borderWidth: 1px;--PhoneInputCountrySelectArrow-opacity: .45;--PhoneInputCountrySelectArrow-color: currentColor;--PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus);--PhoneInputCountrySelectArrow-transform: rotate(45deg);--PhoneInputCountryFlag-aspectRatio: 1.5;--PhoneInputCountryFlag-height: 1em;--PhoneInputCountryFlag-borderWidth: 1px;--PhoneInputCountryFlag-borderColor: rgba(0,0,0,.5);--PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus);--PhoneInputCountryFlag-backgroundColor--loading: rgba(0,0,0,.1)}.PhoneInput{display:flex;align-items:center}.PhoneInputInput{flex:1;min-width:0}.PhoneInputCountryIcon{width:calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));height:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--square{width:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--border{background-color:var(--PhoneInputCountryFlag-backgroundColor--loading);box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor)}.PhoneInputCountryIconImg{display:block;width:100%;height:100%}.PhoneInputInternationalIconPhone{opacity:var(--PhoneInputInternationalIconPhone-opacity)}.PhoneInputInternationalIconGlobe{opacity:var(--PhoneInputInternationalIconGlobe-opacity)}.PhoneInputCountry{position:relative;align-self:stretch;display:flex;align-items:center;margin-right:var(--PhoneInputCountrySelect-marginRight)}.PhoneInputCountrySelect{position:absolute;top:0;left:0;height:100%;width:100%;z-index:1;border:0;opacity:0;cursor:pointer}.PhoneInputCountrySelect[disabled],.PhoneInputCountrySelect[readonly]{cursor:default}.PhoneInputCountrySelectArrow{display:block;content:"";width:var(--PhoneInputCountrySelectArrow-width);height:var(--PhoneInputCountrySelectArrow-width);margin-left:var(--PhoneInputCountrySelectArrow-marginLeft);border-style:solid;border-color:var(--PhoneInputCountrySelectArrow-color);border-top-width:0;border-bottom-width:var(--PhoneInputCountrySelectArrow-borderWidth);border-left-width:0;border-right-width:var(--PhoneInputCountrySelectArrow-borderWidth);transform:var(--PhoneInputCountrySelectArrow-transform);opacity:var(--PhoneInputCountrySelectArrow-opacity)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon+.PhoneInputCountrySelectArrow{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon--border{box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon .PhoneInputInternationalIconGlobe{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}.advertiser-slideshow{position:relative;width:100%;aspect-ratio:2 / 1;background-color:#000;border-radius:12px;overflow:hidden;margin-bottom:16px;box-shadow:0 4px 10px #00000026}.slide-content{width:100%;height:100%;position:relative}.image-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#000}.slide-image{width:100%;height:100%;object-fit:contain;display:block}.video-container{width:100%;height:100%;position:relative}.ad-iframe{width:100%;height:100%;pointer-events:none}.video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;z-index:2}.slide-dots{position:absolute;bottom:10px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:10}.dot{width:8px;height:8px;background-color:#ffffff80;border-radius:50%;cursor:pointer;transition:all .3s ease}.dot.active{background-color:#fff;transform:scale(1.3)}.slide-overlay{position:absolute;bottom:0;width:100%;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);padding:20px 15px 10px;color:#fff;text-align:center;pointer-events:none}.slide-title{margin:0;font-size:.95rem;font-weight:500}.click-indicator{position:absolute;top:10px;right:10px;background:#0009;color:#fff;padding:4px 8px;border-radius:4px;font-size:.75rem;pointer-events:none}.slide-content{position:relative;width:100%;height:100%}.ad-report-btn{position:absolute;top:10px;right:10px;width:32px;height:32px;border-radius:50%;background-color:#0006;border:1px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:20;transition:background-color .2s ease;padding:0}.ad-report-btn:hover{background-color:#dc3545e6;border-color:#fffc}.ad-report-btn:active{transform:scale(.95)}.guest-layout-wrapper{display:flex;flex-direction:column;min-height:100vh;background-color:#f8f9fa;padding-bottom:80px}.layout-slideshow-container{position:sticky;top:56px;z-index:90;background-color:#f8f9fa;padding-bottom:0;box-shadow:0 4px 6px #0000000d}.layout-content-area{flex:1;width:100%;max-width:600px;margin:0 auto}