@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--color-primary:#ffde5a;--color-primary-dark:#f5d23e;--color-black:#1a1a1a;--color-gray-900:#2d2d2d;--color-gray-700:#5a5a5a;--color-gray-500:#8c8c8c;--color-gray-300:#b3b3b3;--color-gray-200:#e5e5e5;--color-gray-100:#f5f5f5;--color-white:#fff;--color-green:#00a651;--color-red:#f44;--color-orange:#ff6b35;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 2px 8px #00000014;--shadow-lg:0 4px 16px #0000001f;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{background:var(--color-gray-100);color:var(--color-black);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#root{background:var(--color-white);max-width:430px;min-height:100vh;margin:0 auto;position:relative;overflow-x:hidden}.app-container{flex-direction:column;min-height:100vh;padding-bottom:80px;display:flex}.text-h1{font-size:28px;font-weight:700;line-height:1.2}.text-h2{font-size:24px;font-weight:700;line-height:1.2}.text-h3{font-size:20px;font-weight:600;line-height:1.3}.text-h4{font-size:17px;font-weight:600;line-height:1.3}.text-body{font-size:15px;font-weight:400;line-height:1.5}.text-caption{font-size:13px;font-weight:400;line-height:1.4}.text-small{font-size:11px;font-weight:400;line-height:1.3}.text-green{color:var(--color-green)}.text-gray-500{color:var(--color-gray-500)}.text-gray-700{color:var(--color-gray-700)}.text-white{color:var(--color-white)}::-webkit-scrollbar{width:0;height:0}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:.3s ease-out slideUp}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:.2s ease-out fadeIn}.bottom-nav{background:var(--color-white);border-top:1px solid var(--color-gray-200);z-index:100;justify-content:space-around;width:100%;max-width:430px;padding:8px 0 20px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-item{color:var(--color-gray-500);flex-direction:column;flex:1;align-items:center;gap:4px;font-size:11px;font-weight:500;text-decoration:none;transition:color .2s;display:flex}.nav-item.active{color:var(--color-black)}.nav-icon-wrapper{position:relative}.nav-badge{background:var(--color-red);color:var(--color-white);border-radius:var(--radius-full);justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:600;display:flex;position:absolute;top:-6px;right:-8px}.landing-page{background:var(--color-white);flex-direction:column;min-height:100vh;display:flex;position:relative}.map-container{background:#f0f0f0;flex:1;position:relative;overflow:hidden}.map-mock{background:linear-gradient(135deg,#e8e8e8 0%,#f5f5f5 100%);position:absolute;inset:0}.street{background:var(--color-white);position:absolute}.street-h{height:40px;left:0;right:0}.street-h-1{top:25%}.street-h-2{top:60%}.street-v{width:30px;top:0;bottom:0}.street-v-1{left:15%}.street-v-2{left:45%}.street-v-3{left:75%}.building{background:#d0d0d0;border-radius:4px;position:absolute}.building-1{width:80px;height:100px;top:10%;left:20%}.building-2{width:60px;height:80px;top:40%;left:5%}.building-3{width:100px;height:120px;top:5%;right:10%}.building-yellow{background:linear-gradient(#ffd54f 0%,#ffca28 100%);width:90px;height:200px;top:20%;right:15%;box-shadow:0 4px 12px #0000001a}.building-label{color:#fff;text-shadow:0 1px 2px #0003;font-size:14px;font-weight:600;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.location-marker{flex-direction:column;align-items:center;display:flex;position:absolute;top:35%;left:50%;transform:translate(-50%,-50%)}.marker-pulse{background:#007aff33;border-radius:50%;width:80px;height:80px;animation:2s ease-out infinite pulse;position:absolute}@keyframes pulse{0%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(1.5)}}.marker-pin{z-index:2;background:red;border-radius:50% 50% 50% 0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;transform:rotate(-45deg);box-shadow:0 4px 12px #0000004d}.marker-inner{background:var(--color-white);border-radius:50%;width:16px;height:16px;transform:rotate(45deg)}.location-button{background:var(--color-white);border-radius:var(--radius-full);width:48px;height:48px;box-shadow:var(--shadow-lg);cursor:pointer;border:none;justify-content:center;align-items:center;display:flex;position:absolute;bottom:20px;right:16px}.location-arrow{border-bottom:14px solid #007aff;border-left:8px solid #0000;border-right:8px solid #0000;width:0;height:0;transform:translateY(-2px)}.bottom-sheet{background:var(--color-white);z-index:10;border-radius:24px 24px 0 0;padding:20px 16px 24px;position:relative;box-shadow:0 -4px 20px #0000001a}.address-card{border-radius:var(--radius-xl);background:#f8f8f8;align-items:center;gap:12px;margin-bottom:12px;padding:16px;display:flex}.address-icon{border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.from-icon{background:0 0}.ring-icon{border-radius:var(--radius-full);border:3px solid red;width:28px;height:28px;position:relative}.ring-icon:after{content:"";border-radius:var(--radius-full);background:red;width:10px;height:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.to-icon{color:var(--color-white);background:#5a6b7c}.address-content{flex-direction:column;flex:1;gap:4px;display:flex}.address-label{color:#8e8e93;font-size:13px}.address-value{color:var(--color-black);font-size:17px;font-weight:500}.address-placeholder{color:#5a6b7c;font-size:17px;font-weight:500}.meeting-point-btn{background:var(--color-white);border-radius:var(--radius-lg);color:var(--color-black);cursor:pointer;border:none;flex-direction:column;align-items:center;gap:2px;padding:8px 12px;font-size:13px;font-weight:500;display:flex;box-shadow:0 1px 3px #0000001a}.chevron-btn{background:var(--color-white);border-radius:var(--radius-full);color:#8e8e93;cursor:pointer;border:none;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 1px 3px #0000001a}.services-section{margin-top:8px;overflow:hidden}.services-scroll{scrollbar-width:none;-ms-overflow-style:none;gap:12px;padding-bottom:8px;display:flex;overflow-x:auto}.services-scroll::-webkit-scrollbar{display:none}.service-card{background:var(--color-white);border-radius:var(--radius-xl);cursor:pointer;border:2px solid #e5e5e5;flex-direction:column;flex-shrink:0;align-items:center;gap:8px;width:100px;padding:16px 12px;transition:all .2s;display:flex}.service-card.active{border-color:var(--color-primary);background:#ffde5a1a}.service-icon{border-radius:var(--radius-lg);justify-content:center;align-items:center;width:48px;height:48px;display:flex}.car-icon{color:var(--color-white);background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.package-icon{color:var(--color-white);background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}.food-icon{color:var(--color-white);background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%)}.truck-icon{color:var(--color-white);background:linear-gradient(135deg,#43e97b 0%,#38f9d7 100%)}.wrench-icon{color:var(--color-white);background:linear-gradient(135deg,#fa709a 0%,#fee140 100%)}.service-title{color:var(--color-black);font-size:14px;font-weight:600}.service-subtitle{color:var(--color-gray-500);font-size:12px}.restaurant-card{color:inherit;background:var(--color-white);border-radius:var(--radius-lg);text-decoration:none;transition:transform .2s;display:block;overflow:hidden}.restaurant-card.featured{flex-shrink:0;width:280px;min-width:280px}.restaurant-image-wrapper{aspect-ratio:16/10;position:relative;overflow:hidden}.restaurant-image{object-fit:cover;width:100%;height:100%}.restaurant-discount-badge{background:var(--color-green);color:var(--color-white);border-radius:var(--radius-sm);padding:4px 8px;font-size:12px;font-weight:600;position:absolute;top:12px;left:12px}.restaurant-favorite{border-radius:var(--radius-full);background:var(--color-white);cursor:pointer;width:32px;height:32px;color:var(--color-gray-500);border:none;justify-content:center;align-items:center;transition:color .2s;display:flex;position:absolute;top:12px;right:12px}.restaurant-favorite:hover{color:var(--color-red)}.restaurant-info{padding:12px}.restaurant-name{color:var(--color-black);margin-bottom:6px;font-size:16px;font-weight:600}.restaurant-meta{align-items:center;gap:12px;margin-bottom:4px;display:flex}.restaurant-rating{color:var(--color-black);align-items:center;gap:4px;font-size:13px;font-weight:500;display:flex}.restaurant-time{color:var(--color-gray-500);align-items:center;gap:4px;font-size:13px;display:flex}.restaurant-categories{color:var(--color-gray-500);font-size:13px}.home-page{padding:16px}.home-header,.search-section{margin-bottom:16px}.search-bar{background:var(--color-gray-100);border-radius:var(--radius-full);align-items:center;gap:12px;padding:12px 16px;display:flex}.search-icon{color:var(--color-gray-500)}.search-input{color:var(--color-black);background:0 0;border:none;outline:none;flex:1;font-size:16px}.search-input::placeholder{color:var(--color-gray-500)}.promo-banner{gap:12px;margin-bottom:20px;padding-bottom:4px;display:flex;overflow-x:auto}.promo-card{border-radius:var(--radius-lg);background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);flex-direction:column;justify-content:flex-end;min-width:280px;height:140px;padding:16px;display:flex;position:relative;overflow:hidden}.promo-card.secondary{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}.promo-text{color:var(--color-white);margin-bottom:4px;font-size:20px;font-weight:700}.promo-subtext{color:#ffffffe6;font-size:14px}.promo-badge{color:var(--color-white);border-radius:var(--radius-sm);background:linear-gradient(90deg,#ff6b6b,#feca57);padding:4px 8px;font-size:12px;font-weight:700;position:absolute;top:16px;left:16px}.categories-section{margin-bottom:16px}.categories-scroll{gap:12px;padding-bottom:4px;display:flex;overflow-x:auto}.category-chip{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:6px;min-width:64px;display:flex}.category-icon{background:var(--color-gray-100);border-radius:var(--radius-full);justify-content:center;align-items:center;width:64px;height:64px;font-size:28px;display:flex}.category-name{color:var(--color-black);font-size:12px;font-weight:500}.filters-section{gap:8px;margin-bottom:24px;padding-bottom:4px;display:flex;overflow-x:auto}.filter-btn{background:var(--color-gray-100);border-radius:var(--radius-full);color:var(--color-gray-700);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.filter-btn.active{background:var(--color-black);color:var(--color-white)}.order-again-section{margin-bottom:24px}.section-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.see-all-btn{background:var(--color-gray-100);border-radius:var(--radius-full);color:var(--color-gray-700);cursor:pointer;border:none;padding:6px 12px;font-size:13px;font-weight:500}.order-again-scroll{gap:12px;padding-bottom:4px;display:flex;overflow-x:auto}.restaurants-section{margin-bottom:24px}.restaurants-section h2{margin-bottom:12px}.restaurants-list{flex-direction:column;gap:16px;display:flex}.loading-state,.error-state{color:var(--color-gray-500);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:48px 24px;display:flex}@keyframes spin{to{transform:rotate(360deg)}}.menu-item-card{background:var(--color-white);border-radius:var(--radius-lg);overflow:hidden}.menu-item-card.grid{flex-shrink:0;width:calc(50% - 6px)}.menu-item-image-wrapper{aspect-ratio:1;position:relative;overflow:hidden}.menu-item-image{object-fit:cover;width:100%;height:100%}.menu-item-discount{background:var(--color-green);color:var(--color-white);border-radius:var(--radius-sm);padding:3px 6px;font-size:11px;font-weight:600;position:absolute;top:8px;left:8px}.menu-item-add{border-radius:var(--radius-full);background:var(--color-white);cursor:pointer;width:40px;height:40px;box-shadow:var(--shadow-md);border:none;justify-content:center;align-items:center;transition:transform .2s;display:flex;position:absolute;bottom:8px;right:8px}.menu-item-add:hover{transform:scale(1.05)}.menu-item-add:active{transform:scale(.95)}.menu-item-controls{background:var(--color-white);border-radius:var(--radius-full);box-shadow:var(--shadow-md);align-items:center;gap:8px;padding:4px;display:flex;position:absolute;bottom:8px;right:8px}.control-btn{border-radius:var(--radius-full);background:var(--color-gray-100);cursor:pointer;width:32px;height:32px;color:var(--color-black);border:none;justify-content:center;align-items:center;transition:background .2s;display:flex}.control-btn:hover{background:var(--color-gray-200)}.control-value{text-align:center;min-width:24px;font-size:15px;font-weight:600}.menu-item-info{padding:10px}.menu-item-prices{align-items:center;gap:8px;margin-bottom:4px;display:flex}.menu-item-price{font-size:15px;font-weight:600}.menu-item-old-price{color:var(--color-gray-300);font-size:13px;text-decoration:line-through}.menu-item-name{color:var(--color-black);margin-bottom:2px;font-size:14px;font-weight:500;line-height:1.3}.menu-item-weight{color:var(--color-gray-500);font-size:12px}.restaurant-page{background:var(--color-white);min-height:100vh}.restaurant-header{background:var(--color-white);z-index:50;border-bottom:1px solid var(--color-gray-100);justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:sticky;top:0}.restaurant-title{font-size:17px;font-weight:600;position:absolute;left:50%;transform:translate(-50%)}.header-actions{gap:8px;display:flex}.header-btn{border-radius:var(--radius-full);cursor:pointer;width:40px;height:40px;color:var(--color-black);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.header-btn:hover{background:var(--color-gray-100)}.restaurant-info-section{padding:16px}.restaurant-info-section h1{margin-bottom:12px}.restaurant-meta-row{color:var(--color-gray-700);flex-wrap:wrap;align-items:center;gap:12px;font-size:13px;display:flex}.meta-item{align-items:center;gap:6px;display:flex}.meta-link{color:var(--color-gray-500);cursor:pointer}.meta-divider{color:var(--color-gray-300)}.more-btn{border-radius:var(--radius-full);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;margin-left:auto;display:flex}.delivery-toggle{background:var(--color-gray-100);border-radius:var(--radius-full);margin:0 16px 16px;padding:4px;display:flex}.toggle-btn{border-radius:var(--radius-full);color:var(--color-gray-500);cursor:pointer;background:0 0;border:none;flex:1;padding:10px 16px;font-size:15px;font-weight:500;transition:all .2s}.toggle-btn.active{background:var(--color-white);color:var(--color-black);box-shadow:var(--shadow-sm)}.restaurant-promo{border-radius:var(--radius-lg);background:#00a65114;align-items:center;gap:12px;margin:0 16px 20px;padding:14px 16px;display:flex}.promo-icon{border-radius:var(--radius-md);background:#00a65126;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.restaurant-promo .promo-text{color:var(--color-green);flex:1;font-size:18px;font-weight:700}.promo-arrow{color:var(--color-green);font-size:20px}.categories-tabs{border-bottom:1px solid var(--color-gray-200);gap:20px;padding:0 16px 12px;display:flex;overflow-x:auto}.category-tab{color:var(--color-gray-500);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:8px 0;font-size:15px;font-weight:500;transition:color .2s;position:relative}.category-tab.active{color:var(--color-black)}.category-tab.active:after{content:"";background:var(--color-black);height:2px;position:absolute;bottom:-12px;left:0;right:0}.menu-section{padding:20px 16px}.menu-section-title{margin-bottom:16px;font-size:24px;font-weight:700}.menu-grid{flex-wrap:wrap;gap:12px;display:flex}.min-order-bar{background:var(--color-gray-100);border-radius:var(--radius-full);color:var(--color-gray-700);z-index:40;align-items:center;gap:8px;padding:12px 20px;font-size:14px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.lock-icon{font-size:14px}.cart-floating-btn{background:var(--color-primary);border-radius:var(--radius-full);color:var(--color-black);box-shadow:var(--shadow-lg);z-index:50;align-items:center;gap:12px;padding:12px 20px;font-weight:600;text-decoration:none;transition:transform .2s;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.cart-floating-btn:hover{transform:translate(-50%)scale(1.02)}.cart-btn-content{align-items:center;gap:8px;display:flex}.cart-btn-price{font-size:16px;font-weight:700}.cart-btn-arrow{opacity:.6;font-size:18px}.loading-state,.error-state{min-height:100vh;color:var(--color-gray-500);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.loading-spinner{border:3px solid var(--color-gray-200);border-top-color:var(--color-primary);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.error-message{color:var(--color-error,#e53935);text-align:center}.retry-btn{background:var(--color-black);color:var(--color-white);border-radius:var(--radius-full);cursor:pointer;border:none;padding:10px 24px;font-size:14px;font-weight:600}.empty-menu{text-align:center;color:var(--color-gray-500);padding:48px 24px;font-size:15px}.cart-page{background:var(--color-white);min-height:100vh;padding-bottom:100px}.cart-page.empty{flex-direction:column;display:flex}.cart-header{border-bottom:1px solid var(--color-gray-100);background:var(--color-white);z-index:50;justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:sticky;top:0}.cart-title{font-size:17px;font-weight:600;position:absolute;left:50%;transform:translate(-50%)}.empty-cart{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px;display:flex}.empty-icon{color:var(--color-gray-300);margin-bottom:20px}.empty-cart h2{color:var(--color-black);margin-bottom:8px;font-size:20px;font-weight:600}.empty-cart p{color:var(--color-gray-500);margin-bottom:24px;font-size:15px}.browse-btn{background:var(--color-primary);color:var(--color-black);border-radius:var(--radius-full);padding:14px 24px;font-size:15px;font-weight:600;text-decoration:none}.cart-info{color:var(--color-green);justify-content:space-between;align-items:center;padding:12px 16px;font-size:15px;font-weight:600;display:flex}.cart-delivery-time{color:var(--color-gray-500);font-weight:400}.cart-items{padding:0 16px}.cart-item{border-bottom:1px solid var(--color-gray-100);align-items:center;gap:12px;padding:12px 0;display:flex}.cart-item-image{border-radius:var(--radius-md);object-fit:cover;width:72px;height:72px}.cart-item-details{flex:1}.cart-item-prices{align-items:center;gap:8px;margin-bottom:4px;display:flex}.cart-item-price{font-size:15px;font-weight:600}.cart-item-old-price{color:var(--color-gray-300);font-size:13px;text-decoration:line-through}.cart-item-name{margin-bottom:2px;font-size:14px;font-weight:500}.cart-item-weight{color:var(--color-gray-500);font-size:12px}.cart-item-controls{background:var(--color-gray-100);border-radius:var(--radius-full);align-items:center;gap:8px;padding:4px;display:flex}.control-btn.small{width:28px;min-width:28px;height:28px}.cutlery-section{background:var(--color-gray-100);border-radius:var(--radius-lg);justify-content:space-between;align-items:center;margin:16px;padding:16px;display:flex}.cutlery-info{color:var(--color-gray-700);align-items:center;gap:12px;display:flex}.cutlery-text{flex-direction:column;gap:2px;display:flex}.cutlery-title{color:var(--color-black);font-size:15px;font-weight:500}.cutlery-desc{color:var(--color-gray-500);font-size:13px}.cutlery-controls{background:var(--color-white);border-radius:var(--radius-full);align-items:center;gap:8px;padding:4px;display:flex}.comment-section{border:none;border-bottom:1px solid var(--color-gray-100);text-align:left;cursor:pointer;background:0 0;align-items:center;gap:12px;width:calc(100% - 32px);margin:0 16px 16px;padding:16px;display:flex}.comment-icon{color:var(--color-gray-500)}.comment-text{color:var(--color-gray-700);flex:1;font-size:15px}.comment-arrow{color:var(--color-gray-300)}.recommendations-section{padding:16px}.recommendations-title{margin-bottom:16px;font-size:24px;font-weight:700}.recommendations-grid{gap:12px;display:flex;overflow-x:auto}.recommendation-card{flex-shrink:0;min-width:140px}.recommendation-image-wrapper{aspect-ratio:1;border-radius:var(--radius-lg);margin-bottom:8px;position:relative;overflow:hidden}.recommendation-image{object-fit:cover;width:100%;height:100%}.recommendation-discount{background:var(--color-green);color:var(--color-white);border-radius:var(--radius-sm);padding:3px 6px;font-size:11px;font-weight:600;position:absolute;top:8px;left:8px}.recommendation-add{border-radius:var(--radius-full);background:var(--color-white);cursor:pointer;width:32px;height:32px;box-shadow:var(--shadow-md);border:none;justify-content:center;align-items:center;font-size:20px;font-weight:300;display:flex;position:absolute;bottom:8px;right:8px}.recommendation-info{padding:0 4px}.recommendation-prices{align-items:center;gap:6px;margin-bottom:2px;display:flex}.recommendation-price{font-size:14px;font-weight:600}.recommendation-old-price{color:var(--color-gray-300);font-size:12px;text-decoration:line-through}.recommendation-name{margin-bottom:2px;font-size:13px;font-weight:500;line-height:1.3}.recommendation-weight{color:var(--color-gray-500);font-size:11px}.cart-summary{z-index:50;width:calc(100% - 32px);max-width:398px;position:fixed;bottom:80px;left:50%;transform:translate(-50%)}.checkout-btn{background:var(--color-primary);color:var(--color-black);border-radius:var(--radius-full);box-shadow:var(--shadow-lg);justify-content:center;align-items:center;gap:8px;padding:16px 24px;font-size:16px;font-weight:600;text-decoration:none;display:flex}.delivery-progress{background:var(--color-white);border-top:1px solid var(--color-gray-100);width:100%;max-width:430px;padding:12px 16px 20px;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.progress-bar{margin-bottom:8px}.progress-track{background:var(--color-gray-200);border-radius:var(--radius-full);height:4px;margin-bottom:8px;overflow:hidden}.progress-fill{background:var(--color-orange);border-radius:var(--radius-full);height:100%;transition:width .3s}.progress-labels{justify-content:space-between;font-size:13px;font-weight:600;display:flex}.progress-start{color:var(--color-orange)}.progress-end{color:var(--color-orange);border:1px dashed var(--color-orange);border-radius:var(--radius-sm);padding:2px 8px}.progress-text{text-align:center;color:var(--color-gray-700);font-size:13px}.checkout-page{background:var(--color-white);min-height:100vh;padding-bottom:100px}.checkout-header{border-bottom:1px solid var(--color-gray-100);background:var(--color-white);z-index:50;align-items:center;padding:12px 16px;display:flex;position:sticky;top:0}.checkout-title{margin-left:12px;font-size:17px;font-weight:600}.delivery-toggle-section{background:var(--color-gray-100);border-radius:var(--radius-full);margin:16px;padding:4px;display:flex}.delivery-type-btn{border-radius:var(--radius-full);color:var(--color-gray-500);cursor:pointer;background:0 0;border:none;flex:1;padding:10px 16px;font-size:15px;font-weight:500;transition:all .2s}.delivery-type-btn.active{background:var(--color-gray-900);color:var(--color-white)}.time-selection{gap:12px;margin-bottom:16px;padding:0 16px;display:flex}.time-option{background:var(--color-white);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);cursor:pointer;text-align:left;flex-direction:column;flex:1;gap:4px;padding:14px 16px;transition:all .2s;display:flex}.time-option.active{border-color:var(--color-black)}.time-option-content{justify-content:space-between;align-items:center;display:flex}.time-label{color:var(--color-black);font-size:15px;font-weight:600}.time-icon{color:var(--color-black)}.time-value,.time-sublabel{color:var(--color-gray-500);font-size:13px}.warning-message{background:var(--color-gray-100);border-radius:var(--radius-lg);align-items:flex-start;gap:12px;margin:0 16px 16px;padding:12px 16px;display:flex}.warning-icon{flex-shrink:0;font-size:16px}.warning-text{color:var(--color-gray-700);font-size:13px;line-height:1.4}.section-card{background:var(--color-white);border-radius:var(--radius-lg);margin:0 16px 16px;padding:16px;box-shadow:0 1px 3px #0000000d}.section-title{margin-bottom:16px;font-size:20px;font-weight:700}.address-item{border-bottom:1px solid var(--color-gray-100);align-items:center;gap:12px;padding:12px 0;display:flex}.address-icon-wrapper{background:var(--color-gray-100);border-radius:var(--radius-full);width:40px;height:40px;color:var(--color-gray-700);flex-shrink:0;justify-content:center;align-items:center;display:flex}.address-details{flex-direction:column;flex:1;gap:4px;display:flex}.address-street{color:var(--color-black);font-size:15px;font-weight:500}.address-info{color:var(--color-gray-500);font-size:13px}.address-arrow{color:var(--color-gray-300)}.action-row{text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:12px 0;display:flex}.action-icon{background:var(--color-gray-100);border-radius:var(--radius-full);width:40px;height:40px;color:var(--color-gray-700);flex-shrink:0;justify-content:center;align-items:center;display:flex}.action-text{color:var(--color-gray-700);flex:1;font-size:15px}.action-details{flex-direction:column;flex:1;gap:4px;display:flex}.action-label{color:var(--color-gray-500);font-size:13px}.action-value{color:var(--color-black);font-size:15px;font-weight:500}.action-arrow{color:var(--color-gray-300)}.payment-methods{gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.payment-method{background:var(--color-gray-100);border-radius:var(--radius-lg);cursor:pointer;text-align:left;border:2px solid #0000;flex-direction:column;gap:8px;min-width:140px;padding:14px;transition:all .2s;display:flex}.payment-method.active{border-color:var(--color-black);background:var(--color-white)}.payment-logo{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;font-weight:700;display:flex}.payment-logo.yandex{color:#fff;background:#fc3f1d}.payment-logo.card{background:var(--color-white);border:1px solid var(--color-gray-200)}.payment-logo.sbp{color:var(--color-black);background:#ffdd2d}.payment-info{flex-direction:column;gap:2px;display:flex}.payment-name{color:var(--color-black);font-size:13px;font-weight:500}.payment-balance{color:var(--color-gray-500);font-size:11px}.card-icons{gap:-4px;margin-top:4px;display:flex}.card-icon{border-radius:var(--radius-full);width:20px;height:20px}.card-icon.red{background:#eb001b}.card-icon.orange{background:#f79e1b;margin-left:-8px}.round-total-section{background:var(--color-white);border-radius:var(--radius-lg);justify-content:space-between;align-items:center;margin:0 16px 16px;padding:16px;display:flex}.round-total-info{align-items:center;gap:8px;display:flex}.round-total-label{font-size:17px;font-weight:600}.round-total-hint{color:var(--color-gray-500);font-size:18px}.toggle-switch{cursor:pointer;color:var(--color-gray-300);background:0 0;border:none}.toggle-switch.active{color:var(--color-green)}.total-section{margin:0 16px;padding:16px}.total-row{justify-content:space-between;align-items:center;display:flex}.total-label{align-items:center;gap:6px;font-size:20px;font-weight:700;display:flex}.total-price{font-size:24px;font-weight:700}.pay-button-wrapper{background:var(--color-white);border-top:1px solid var(--color-gray-100);width:100%;max-width:430px;padding:16px;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.pay-button{background:var(--color-primary);border-radius:var(--radius-full);width:100%;color:var(--color-black);cursor:pointer;border:none;padding:18px 24px;font-size:17px;font-weight:600;transition:transform .2s}.pay-button:hover{transform:scale(1.02)}.pay-button:active{transform:scale(.98)}.search-page{background:var(--color-white);min-height:100vh}.search-header{border-bottom:1px solid var(--color-gray-100);background:var(--color-white);z-index:50;align-items:center;gap:12px;padding:12px 16px;display:flex;position:sticky;top:0}.search-input-wrapper{background:var(--color-gray-100);border-radius:var(--radius-full);flex:1;align-items:center;gap:12px;padding:10px 16px;display:flex}.search-input-field{background:0 0;border:none;outline:none;flex:1;font-size:16px}.search-content{padding:20px 16px}.search-history h3,.search-results h3{margin-bottom:16px;font-size:18px;font-weight:600}.history-tags{flex-wrap:wrap;gap:8px;display:flex}.history-tag{background:var(--color-gray-100);border-radius:var(--radius-full);color:var(--color-gray-700);padding:8px 16px;font-size:14px}.search-results .restaurants-list{flex-direction:column;gap:16px;display:flex}.auth-form{flex-direction:column;justify-content:center;gap:24px;min-height:60vh;display:flex}.auth-header{text-align:center;margin-bottom:8px}.auth-title{margin-bottom:8px;font-size:24px;font-weight:700}.auth-subtitle{color:var(--color-gray-500);font-size:15px}.auth-input-wrapper{flex-direction:column;gap:8px;display:flex}.auth-label{color:var(--color-gray-700);font-size:14px;font-weight:500}.auth-input{border:1.5px solid var(--color-gray-200);border-radius:var(--radius-md);background:var(--color-white);outline:none;width:100%;padding:16px;font-size:17px;transition:border-color .2s}.auth-input:focus{border-color:var(--color-primary)}.auth-input::placeholder{color:var(--color-gray-300)}.auth-hint{color:var(--color-green);align-items:center;gap:6px;margin-top:4px;font-size:13px;display:flex}.auth-error{color:var(--color-red);border-radius:var(--radius-md);background:#ff444414;padding:12px 16px;font-size:13px}.auth-button{width:100%;color:var(--color-black);background:var(--color-primary);border-radius:var(--radius-full);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:16px 24px;font-size:17px;font-weight:600;transition:all .2s;display:flex}.auth-button:hover:not(:disabled){background:var(--color-primary-dark)}.auth-button:disabled{opacity:.6;cursor:not-allowed}.auth-button-secondary{width:100%;color:var(--color-gray-700);cursor:pointer;background:0 0;border:none;padding:16px 24px;font-size:15px;font-weight:500;transition:all .2s}.auth-button-secondary:hover:not(:disabled){color:var(--color-black)}.auth-spinner{border:2px solid var(--color-black);border-top-color:#0000;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}.phone-input-wrapper{align-items:center;display:flex;position:relative}.phone-prefix{color:var(--color-black);pointer-events:none;font-size:17px;font-weight:500;position:absolute;left:16px}.phone-input{padding-left:50px}.otp-inputs{justify-content:center;gap:12px;margin:16px 0;display:flex}.otp-input{text-align:center;border:1.5px solid var(--color-gray-200);border-radius:var(--radius-md);background:var(--color-white);outline:none;width:56px;height:64px;font-size:24px;font-weight:600;transition:border-color .2s}.otp-input:focus{border-color:var(--color-primary)}.otp-input.filled{border-color:var(--color-primary);background:#ffde5a1a}.otp-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.otp-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.otp-input[type=number]{-moz-appearance:textfield}.profile-page{background:var(--color-white);min-height:100vh;padding:16px}.profile-header{margin-bottom:24px}.profile-card{background:var(--color-gray-100);border-radius:var(--radius-lg);align-items:center;gap:16px;margin-bottom:24px;padding:20px;display:flex}.profile-avatar{background:var(--color-white);border-radius:var(--radius-full);width:64px;height:64px;color:var(--color-gray-500);justify-content:center;align-items:center;display:flex}.profile-info{flex-direction:column;gap:4px;display:flex}.profile-name{font-size:20px;font-weight:600}.profile-phone{color:var(--color-gray-500);font-size:14px}.profile-menu{flex-direction:column;gap:4px;display:flex}.menu-item{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:12px;padding:14px 0;display:flex}.menu-icon-wrapper{background:var(--color-gray-100);border-radius:var(--radius-full);width:40px;height:40px;color:var(--color-gray-700);justify-content:center;align-items:center;display:flex}.menu-text{flex:1;font-size:16px;font-weight:500}.menu-arrow{color:var(--color-gray-300)}.menu-item-logout{margin-top:16px}.menu-icon-logout,.menu-text-logout{color:var(--color-red)}.app-container{background:var(--color-white);min-height:100vh}