:root{--primary:#ff6b00;--primary-hover:#e56000;--primary-light:#fff0e5;--bg:#f8f9fa;--surface:#fff;--text-main:#1d1d1f;--text-muted:#86868b;--border:#eaeaea;--radius-sm:0px;--radius-md:0px;--radius-lg:0px;--shadow-sm:0 2px 12px #00000012;--shadow-md:0 6px 24px #0000001a;--shadow-primary:0 8px 24px #ff6b0033;--transition:all .3s cubic-bezier(.25, .8, .25, 1)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0;font-family:Inter,sans-serif}html{scroll-behavior:smooth}body{background-color:var(--bg);color:var(--text-main);max-width:100vw;line-height:1.5}#root{position:relative}a{color:inherit;text-decoration:none}ul{list-style:none}button,input{border:none;outline:none;font-family:inherit}button{cursor:pointer}.container{max-width:1200px;margin:0 auto;padding:0 20px}.flex{align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.main-header{background:var(--surface);z-index:100;box-shadow:var(--shadow-sm);position:sticky;top:0}.header-top{border-bottom:1px solid var(--border);padding:16px 0}.logo{color:var(--text-main);letter-spacing:-.5px;font-size:26px;font-weight:800}.logo span{color:var(--primary)}.search-container{flex:1;max-width:400px;margin:0 32px;position:relative}.search-container input{border-radius:var(--radius-sm);background-color:var(--bg);width:100%;transition:var(--transition);border:1px solid #0000;padding:12px 16px 12px 48px;font-size:15px}.search-container input:focus{background-color:var(--surface);border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-light)}.search-icon{color:var(--text-muted);width:20px;height:20px;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.location{color:var(--text-main);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition);align-items:center;gap:8px;padding:8px 16px;font-weight:500;display:flex}.location:hover{background:var(--bg)}.location svg{color:var(--primary)}.btn-login{background:var(--primary);color:#fff;transition:var(--transition);box-shadow:var(--shadow-primary);border-radius:0;align-items:center;gap:8px;margin-left:16px;padding:10px 20px;font-weight:600;display:flex}.btn-login:hover{background:var(--primary-hover);transform:translateY(-2px)}.btn-profile{background:var(--primary-light);color:var(--primary);transition:var(--transition);border-radius:0;align-items:center;gap:8px;margin-left:16px;padding:10px 20px;font-weight:600;display:flex}.btn-profile:hover{background:#ffe3d1}.header-bottom{padding:12px 0}.categories-wrapper{flex:1;align-items:center;gap:12px;display:flex}.cat-dropdown{position:relative}.btn-dropdown-toggle{background:var(--surface);border:1px solid var(--border);cursor:pointer;transition:var(--transition);color:var(--text-main);border-radius:0;align-items:center;gap:4px;padding:8px 16px;font-size:14px;font-weight:600;display:flex}.btn-dropdown-toggle:hover{background:var(--bg)}.dropdown-menu{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:200;flex-direction:column;gap:8px;min-width:200px;margin-top:8px;padding:12px;display:none;position:absolute;top:100%;left:0}.dropdown-menu.show{animation:.2s fadeIn;display:flex}@media (width<=1024px){.hide-on-mobile{display:none}}.cat-chip{background:var(--bg);color:var(--text-main);white-space:nowrap;transition:var(--transition);border-radius:0;padding:8px 16px;font-size:14px;font-weight:500}.cat-chip:hover{background:var(--border)}.cat-chip.active{background:var(--primary);color:var(--surface);box-shadow:var(--shadow-primary)}.btn-cart{background:var(--primary);color:#fff;transition:var(--transition);box-shadow:var(--shadow-primary);border-radius:0;align-items:center;gap:8px;margin-left:16px;padding:10px 20px;font-weight:600;display:flex}.btn-cart:hover{background:var(--primary-hover);transform:translateY(-2px)}main{padding:32px 0 64px}.section-title{margin-bottom:24px;font-size:24px;font-weight:700}.promo-slider{scrollbar-width:none;scroll-snap-type:x mandatory;gap:20px;margin-bottom:32px;display:flex;overflow-x:auto}.promo-slider::-webkit-scrollbar{display:none}.promo-slide{border-radius:var(--radius-lg);scroll-snap-align:center;height:360px;min-height:360px;box-shadow:var(--shadow-md);background-position:50%;background-size:cover;flex:0 0 100%;align-items:center;padding:40px 48px;display:flex;position:relative;overflow:hidden}@media (width>=768px){.promo-slide{flex:0 0 100%;height:420px;min-height:420px}}.promo-overlay{z-index:1;background:linear-gradient(90deg,#000000b3 0%,#0000001a 100%);position:absolute;inset:0}.promo-content{z-index:2;color:#fff;max-width:300px;position:relative}.promo-content h2{margin-bottom:12px;font-size:28px;line-height:1.2}.promo-content p{opacity:.9;font-size:15px}.categories-section{margin-bottom:48px}.grid-categories{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px;display:grid}@media (width>=768px){.grid-categories{grid-template-columns:repeat(3,1fr);gap:24px}}.grid-categories-page{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px;display:grid}@media (width>=768px){.grid-categories-page{grid-template-columns:repeat(4,1fr);gap:24px}}.cat-card-square{border-radius:var(--radius-md);text-align:center;height:160px;box-shadow:var(--shadow-sm);transition:var(--transition);cursor:pointer;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.cat-card-square:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.cat-card-img{object-fit:cover;z-index:1;width:100%;height:100%;transition:transform .3s;position:absolute;inset:0}.cat-card-square:hover .cat-card-img{transform:scale(1.05)}.cat-card-overlay{z-index:2;background:linear-gradient(#0003 0%,#0009 100%);position:absolute;inset:0}.cat-card-square h3{z-index:3;color:#fff;text-shadow:0 2px 8px #0006;font-size:20px;font-weight:700;position:relative}.btn-outline{background:var(--surface);color:var(--text-main);transition:var(--transition);cursor:pointer;border:1px solid #cbd5e1;border-radius:0;justify-content:center;align-items:center;gap:8px;margin:0;padding:10px 24px;font-weight:600;display:inline-flex;box-shadow:0 2px 4px #0000000d}.btn-outline:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light);transform:translateY(-1px);box-shadow:0 4px 12px #ff6b0026}.center-wrap{text-align:center}.discounts-section{margin-bottom:48px}.grid-discounts{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px;display:grid}@media (width>=768px){.grid-discounts{grid-template-columns:repeat(4,1fr);gap:24px}}.dish-card{background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:var(--transition);cursor:pointer;flex-direction:column;display:flex;position:relative;overflow:hidden}.dish-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.dish-badge{color:#fff;border-radius:var(--radius-sm);z-index:2;background:#ff3b30;padding:4px 8px;font-size:12px;font-weight:700;position:absolute;top:12px;left:12px}.dish-img{object-fit:cover;width:100%;height:180px}.dish-info{flex-direction:column;flex:1;padding:16px;display:flex}.btn-dish-action{border-radius:var(--radius-sm);transition:var(--transition);padding:10px}.btn-dish-action:hover{opacity:.9}.restaurant-hero{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:24px;padding:24px}.hero-top{align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.hero-logo{background:#fff3e0;border:1px solid #ff6b001a;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;font-size:36px;display:flex}.hero-info{flex:1}.hero-title{margin-bottom:8px;font-size:28px;font-weight:800}.hero-stats{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:16px;font-size:14px;display:flex}.hero-stats span{align-items:center;gap:4px;display:flex}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.btn-tonal{background:var(--bg);border-radius:var(--radius-sm);color:var(--text-main);cursor:pointer;transition:var(--transition);border:none;padding:8px 16px;font-weight:600}.btn-tonal:hover{background:#e5e7eb}.delivery-info-grid{border-top:1px solid var(--border);grid-template-columns:1fr;gap:16px;padding-top:20px;display:grid}@media (width>=600px){.delivery-info-grid{grid-template-columns:1fr 1fr}}.info-block h4{color:var(--text-muted);margin-bottom:8px;font-size:14px;font-weight:500}.info-block p{align-items:center;gap:6px;margin:0;font-size:14px;font-weight:600;display:flex}.menu-nav{background:var(--bg);z-index:90;border-bottom:1px solid var(--border);margin-bottom:24px;padding:12px 0;transition:top .3s;position:sticky;top:116px}.restaurant-scrolled .header-bottom{max-height:0;padding:0;transition:max-height .3s,padding .3s;overflow:hidden}.header-bottom{max-height:200px;transition:max-height .3s,padding .3s}.restaurant-scrolled .menu-nav{top:68px}.menu-section{margin-bottom:48px;scroll-margin-top:140px}.restaurant-main .grid-discounts{gap:16px;display:grid;grid-template-columns:repeat(1,1fr)!important}@media (width>=600px){.restaurant-main .grid-discounts{grid-template-columns:repeat(2,1fr)!important}}@media (width>=1200px){.restaurant-main .grid-discounts{grid-template-columns:repeat(3,1fr)!important}}.menu-section-title{margin-bottom:24px;font-size:24px;font-weight:800}.restaurant-layout{flex-direction:column;align-items:flex-start;gap:24px;display:flex}@media (width>=900px){.restaurant-layout{flex-direction:row}}.restaurant-main{flex:1;min-width:0}.restaurant-sidebar{width:100%}@media (width>=900px){.restaurant-sidebar{flex-shrink:0;width:340px;position:sticky;top:80px}}.cart-sidebar-card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:24px}.cart-sidebar-title{justify-content:space-between;align-items:center;margin-bottom:20px;font-size:20px;font-weight:800;display:flex}.cart-sidebar-items{flex-direction:column;gap:16px;max-height:400px;margin-bottom:20px;padding-right:8px;display:flex;overflow-y:auto}.cart-sidebar-item{border-bottom:1px solid var(--border);gap:12px;padding-bottom:16px;display:flex}.cart-sidebar-item:last-child{border-bottom:none;padding-bottom:0}.cart-item-img{border-radius:var(--radius-sm);object-fit:cover;width:60px;height:60px}.cart-item-info{flex-direction:column;flex:1;justify-content:space-between;display:flex}.cart-item-name{margin-bottom:4px;font-size:14px;font-weight:600;line-height:1.3}.cart-item-price{color:var(--text-main);font-weight:700}.cart-item-controls{background:var(--bg);border-radius:var(--radius-sm);align-items:center;gap:12px;width:fit-content;margin-top:8px;padding:4px 8px;display:flex}.cart-btn-qty{cursor:pointer;color:var(--text-main);width:24px;height:24px;transition:var(--transition);background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex}.cart-btn-qty:hover{background:#0000000d}.cart-item-qty{text-align:center;min-width:12px;font-size:14px;font-weight:600}.cart-item-remove{color:#ef4444;cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;margin-left:auto;padding:4px;display:flex}.cart-item-remove:hover{background:#fee2e2}.cart-sidebar-summary{border-top:1px solid var(--border);padding-top:16px}.cart-summary-row{color:var(--text-muted);justify-content:space-between;margin-bottom:12px;font-size:14px;display:flex}.cart-summary-total{color:var(--text-main);justify-content:space-between;margin-top:16px;margin-bottom:20px;font-size:18px;font-weight:800;display:flex}.cart-free-delivery{color:var(--primary);border-radius:var(--radius-sm);text-align:center;background:#fff3e0;margin-bottom:16px;padding:8px 12px;font-size:13px;font-weight:600}.page-cart-layout{flex-direction:column;gap:24px;display:flex}@media (width>=900px){.page-cart-layout{flex-direction:row;align-items:flex-start}}.cart-main{background:var(--surface);border-radius:var(--radius-lg);min-width:0;box-shadow:var(--shadow-sm);flex:1;padding:24px}.checkout-section{border-bottom:1px solid var(--border);margin-bottom:32px;padding-bottom:24px}.checkout-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.form-group{margin-bottom:16px}.form-label{color:var(--text-main);margin-bottom:8px;font-size:14px;font-weight:600;display:block}.form-control{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;transition:var(--transition);padding:12px 16px;font-size:16px}.form-control:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #ff6b001a}.grid-2-cols{grid-template-columns:1fr;gap:16px;display:grid}@media (width>=600px){.grid-2-cols{grid-template-columns:1fr 1fr}}.delivery-type-tabs{gap:12px;margin-bottom:20px;display:flex}.tab-btn{text-align:center;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);flex:1;padding:12px;font-weight:600}.tab-btn.active{border-color:var(--primary);color:var(--primary-dark);background:#fff3e0}.tracking-header{text-align:center;margin-bottom:32px}.tracking-status{color:var(--text-main);margin-bottom:8px;font-size:28px;font-weight:800}.tracking-time{color:var(--primary);margin-bottom:8px;font-size:48px;font-weight:800}.tracking-text{color:var(--text-muted)}.tracking-map{border-radius:var(--radius-lg);width:100%;height:300px;color:var(--text-muted);background:#e5e7eb;justify-content:center;align-items:center;margin-bottom:24px;font-weight:600;display:flex}.tracking-timeline{flex-direction:column;gap:24px;display:flex;position:relative}.tracking-timeline:before{content:"";background:var(--border);width:2px;position:absolute;top:10px;bottom:10px;left:11px}.timeline-step{z-index:1;gap:16px;display:flex;position:relative}.step-icon{background:var(--surface);border:2px solid var(--border);width:24px;height:24px;transition:var(--transition);border-radius:0;flex-shrink:0;justify-content:center;align-items:center;display:flex}.timeline-step.active .step-icon{border-color:var(--primary);background:var(--primary);color:#fff}.timeline-step.done .step-icon{color:#fff;background:#10b981;border-color:#10b981}.step-info h4{margin-bottom:4px;font-size:16px;font-weight:700}.step-info p{color:var(--text-muted);font-size:14px}.profile-layout{flex-direction:column;gap:24px;display:flex}@media (width>=900px){.profile-layout{flex-direction:row;align-items:flex-start}}.profile-sidebar{background:var(--surface);border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-sm);overflow:hidden}@media (width>=900px){.profile-sidebar{flex-shrink:0;width:280px;position:sticky;top:80px}}.profile-user-card{border-bottom:1px solid var(--border);text-align:center;padding:24px}.profile-avatar{background:var(--bg);width:80px;height:80px;color:var(--text-muted);border-radius:0;justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.profile-name{margin-bottom:4px;font-size:18px;font-weight:800}.profile-phone{color:var(--text-muted);font-size:14px}.profile-nav-list{flex-direction:column;padding:12px 0;display:flex}.profile-nav-btn{color:var(--text-main);text-align:left;cursor:pointer;transition:var(--transition);background:0 0;border:none;align-items:center;gap:12px;padding:16px 24px;font-weight:600;display:flex}.profile-nav-btn svg{color:var(--text-muted);transition:var(--transition)}.profile-nav-btn:hover{background:var(--bg)}.profile-nav-btn.active{color:var(--primary);border-right:3px solid var(--primary);background:#fff3e0}.profile-nav-btn.active svg{color:var(--primary)}.profile-content{flex:1;min-width:0}.profile-card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:24px;padding:24px}.profile-card-title{margin-bottom:20px;font-size:20px;font-weight:800}.order-history-list{flex-direction:column;gap:16px;display:flex}.order-history-item{border:1px solid var(--border);border-radius:var(--radius-md);padding:16px}.order-header{border-bottom:1px dashed var(--border);justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;display:flex}.order-number{font-size:16px;font-weight:700}.order-date{color:var(--text-muted);font-size:13px}.order-status{border-radius:var(--radius-sm);padding:4px 10px;font-size:13px;font-weight:600}.order-status.delivered{color:#047857;background:#d1fae5}.order-status.canceled{color:#b91c1c;background:#fee2e2}.order-body{justify-content:space-between;align-items:flex-end;display:flex}.order-items{color:var(--text-muted);font-size:14px;line-height:1.5}.order-total{font-size:18px;font-weight:800}.dish-name{white-space:nowrap;text-overflow:ellipsis;margin-bottom:8px;font-size:16px;font-weight:600;overflow:hidden}.dish-price-wrap{align-items:center;gap:8px;margin-bottom:12px;display:flex}.price-new{color:var(--primary);font-size:18px;font-weight:700}.price-old{color:var(--text-muted);font-size:14px;text-decoration:line-through}.dish-restaurant{color:var(--text-muted);align-items:center;gap:4px;margin-bottom:4px;font-size:13px;font-weight:500;display:flex}.btn-add{background:var(--primary-light);width:100%;color:var(--primary);border-radius:var(--radius-sm);transition:var(--transition);padding:10px;font-weight:600}.dish-card:hover .btn-add{background:var(--primary);color:#fff}.restaurants-section{margin-bottom:48px}.grid-restaurants{grid-template-columns:1fr;gap:20px;display:grid}@media (width>=768px){.grid-restaurants{grid-template-columns:repeat(2,1fr);gap:24px}}.res-card{background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:var(--transition);cursor:pointer;border:1px solid var(--border);display:flex;overflow:hidden}.res-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-light);transform:translateY(-4px)}.res-img{object-fit:cover;width:140px;height:140px}.res-info{flex-direction:column;flex:1;justify-content:center;padding:20px;display:flex}.res-name{margin-bottom:8px;font-size:18px;font-weight:700}.res-tags{color:var(--text-muted);margin-bottom:12px;font-size:14px}.res-meta{align-items:center;gap:16px;font-size:14px;font-weight:600;display:flex}.rating{color:#f59e0b;align-items:center;gap:4px;display:flex}.grid-restaurants-page{grid-template-columns:repeat(1,1fr);gap:16px;margin-bottom:24px;display:grid}@media (width>=600px){.grid-restaurants-page{grid-template-columns:repeat(2,1fr)}}@media (width>=900px){.grid-restaurants-page{grid-template-columns:repeat(3,1fr)}}@media (width>=1200px){.grid-restaurants-page{grid-template-columns:repeat(4,1fr);gap:24px}}.res-square-card{background:var(--surface);border-radius:var(--radius-md);text-align:center;box-shadow:var(--shadow-sm);transition:var(--transition);cursor:pointer;border:1px solid #0000;flex-direction:column;align-items:center;padding:24px 16px;display:flex}.res-square-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-light);transform:translateY(-4px)}.res-logo-emoji{background:#fff3e0;border-radius:0;justify-content:center;align-items:center;width:80px;min-width:80px;height:80px;margin-bottom:16px;font-size:40px;display:flex;box-shadow:inset 0 0 0 1px #ff6b001a}.res-square-name{color:var(--text-main);margin-bottom:12px;font-size:16px;font-weight:700}.res-square-stats{color:var(--text-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;font-size:13px;display:flex}.res-square-stats span{align-items:center;gap:4px;display:flex}.main-footer{background:var(--surface);border-top:1px solid var(--border);padding:64px 0 32px}.footer-grid{grid-template-columns:1fr;gap:40px;margin-bottom:48px;display:grid}@media (width>=768px){.footer-grid{grid-template-columns:2fr 1.5fr 1.5fr}}.footer-col h4{margin-bottom:20px;font-size:18px;font-weight:700}.footer-desc{color:var(--text-muted);margin-top:16px;margin-bottom:24px;line-height:1.6}.footer-contacts{flex-direction:column;gap:8px;display:flex}.f-phone{color:var(--text-main);font-size:24px;font-weight:700}.f-time{color:var(--text-muted);font-size:14px}.footer-links{flex-direction:column;gap:12px;display:flex}.footer-links a{color:var(--text-main);transition:var(--transition)}.footer-links a:hover{color:var(--primary)}.footer-bottom{text-align:center;border-top:1px solid var(--border);color:var(--text-muted);padding-top:32px;font-size:14px}.page-view{animation:.4s fadeIn;display:none}.page-view.active{display:block}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (width<=768px){.header-top .container{flex-direction:column;align-items:flex-start;gap:16px}.search-container{width:100%;max-width:100%;margin:0}body{padding-bottom:70px}.hide-on-mobile{display:none!important}.hide-on-desktop{display:flex!important}.grid-categories,.grid-categories-page,.restaurant-main .grid-discounts,.grid-discounts,.grid-restaurants{gap:12px;grid-template-columns:repeat(2,1fr)!important}.dish-img{height:120px!important;font-size:40px!important}.dish-info{padding:10px!important}.btn-dish-action,.dish-card .btn-add{padding:8px!important;font-size:13px!important}.dish-name{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;white-space:normal!important;font-size:13px!important}.dish-price-wrap{flex-wrap:nowrap!important;gap:6px!important}.dish-price-wrap span{white-space:nowrap;flex-shrink:0;font-size:14px!important}.dish-price-wrap button,.dish-price-wrap>div{flex-shrink:0;padding:6px 10px!important;font-size:12px!important}.restaurant-sidebar{display:none!important}.restaurant-layout{flex-direction:column}.restaurant-hero{padding:16px!important}.hero-top{text-align:left;flex-direction:column;align-items:flex-start;gap:12px}.hero-logo{width:64px!important;height:64px!important;font-size:36px!important}.hero-title{font-size:20px!important}.hero-stats{flex-wrap:wrap;gap:8px!important;font-size:13px!important}.hero-actions{flex-wrap:wrap;gap:8px!important}.hero-actions .btn-tonal{padding:8px 16px!important;font-size:13px!important}.delivery-info-grid{grid-template-columns:1fr 1fr!important;gap:12px!important;padding:12px!important}.menu-section-title{margin-bottom:12px!important;font-size:18px!important}.menu-nav{padding:8px 0!important}.page-cart-layout{flex-direction:column!important;gap:16px!important}.page-cart-layout>*{width:100%!important;min-width:0!important}.page-cart-layout input,.page-cart-layout select,.page-cart-layout textarea{touch-action:manipulation;cursor:text!important;-webkit-user-select:text!important;user-select:text!important}.apartment-input{grid-column:span 2}.profile-layout{flex-direction:column!important;gap:16px!important}.profile-layout>*{width:100%!important}.track-steps-row{overflow-x:auto;gap:0!important}.track-steps-row>div{width:60px!important;min-width:60px!important}.track-steps-row>div div[style]{font-size:11px!important}h1{font-size:22px!important}h2{font-size:18px!important}div[style*="grid-template-columns: 1fr 1fr"]{grid-template-columns:1fr!important}.page-cart-layout,.profile-layout{flex-direction:column!important}.active-order-banner{bottom:80px!important}.cat-chip{padding:6px 12px!important;font-size:13px!important}.header-bottom{padding:8px 0}.categories-wrapper{flex-wrap:nowrap!important}.dropdown-menu{right:0;left:auto!important}.hero-actions{justify-content:flex-start}}@media (width>=769px){.hide-on-desktop{display:none!important}}.mobile-nav-bar{background:var(--surface);border-top:1px solid var(--border);padding:8px 12px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:1000;justify-content:space-around;align-items:center;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 12px #0000000d}.mobile-nav-btn{color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:4px;font-size:11px;font-weight:600;display:flex}.mobile-nav-btn.active{color:var(--primary)}.mobile-nav-btn.active svg{transform:scale(1.1)}.cat-card-square{box-shadow:var(--shadow-sm)!important;transition:var(--transition)!important}.cat-card-square:hover{box-shadow:var(--shadow-md)!important}.restaurant-card-wrap{box-shadow:var(--shadow-sm);transition:var(--transition)}.restaurant-card-wrap:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.info-block{background:var(--bg);box-shadow:var(--shadow-sm);border-radius:8px;padding:16px}.panel-card{box-shadow:var(--shadow-sm);transition:var(--transition)}.promo-slide{box-shadow:var(--shadow-md)}.profile-sidebar{flex-direction:column;gap:8px;padding:24px;display:flex}.profile-tab{text-align:left;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:12px 16px;font-family:inherit;font-size:15px;font-weight:400;transition:background .2s,color .2s}.profile-tab:hover{background:#f8fafc}.profile-tab.active{color:var(--primary);background:#f1f5f9;font-weight:600}.profile-tab.tab-logout{color:#ef4444}.profile-tab.tab-logout:hover{background:#fee2e2}body.is-mobile{background:#f8fafc;width:100%;padding-bottom:74px}body.is-mobile .main-header{z-index:1000;background:#fff;position:sticky;top:0;box-shadow:0 2px 10px #0000000d}body.is-mobile .header-top{padding:12px 0}body.is-mobile .header-top .container{flex-direction:column;gap:12px;display:flex}body.is-mobile .search-container{width:100%;margin:0}body.is-mobile .hide-on-mobile{display:none!important}body.is-mobile .categories-wrapper{scrollbar-width:none;gap:8px;width:calc(100% + 32px);margin-left:-16px;margin-right:-16px;padding:8px 16px;display:flex;overflow-x:auto}body.is-mobile .categories-wrapper::-webkit-scrollbar{display:none}body.is-mobile .categories-wrapper:after{content:"";flex-shrink:0;width:16px}body.is-mobile .cat-chip{white-space:nowrap;background:#f1f5f9;border-radius:99px;padding:8px 16px;font-size:14px;font-weight:600}body.is-mobile .mobile-nav-bar{-webkit-backdrop-filter:blur(12px);padding:10px 12px;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:1000;background:#ffffffd9;border-top:1px solid #e2e8f099;justify-content:space-around;align-items:center;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0000000d;display:flex!important}body.is-mobile .mobile-nav-btn{color:#94a3b8;cursor:pointer;letter-spacing:.3px;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:4px;font-size:11px;font-weight:700;transition:all .2s;display:flex}body.is-mobile .mobile-nav-btn.active{color:var(--primary)}body.is-mobile .mobile-nav-btn.active svg{stroke-width:2.5px;transform:translateY(-2px)}body.is-mobile .mobile-nav-btn svg{transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}body.is-mobile .grid-categories,body.is-mobile .grid-categories-page,body.is-mobile .grid-restaurants,body.is-mobile .grid-restaurants-page{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}body.is-mobile .res-square-card{border-radius:12px;padding:16px 12px}body.is-mobile .res-square-name{margin-bottom:8px;font-size:14px}body.is-mobile .res-logo-emoji{width:60px;min-width:60px;height:60px;margin-bottom:12px;font-size:32px}body.is-mobile .res-square-stats{flex-wrap:wrap;gap:8px;font-size:11px}body.is-mobile .dish-info>div[style*="justify-content: space-between"]{flex-wrap:wrap;gap:4px}body.is-mobile .dish-info>div[style*="justify-content: space-between"] span{white-space:nowrap}body.is-mobile .grid-discounts{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}body.is-mobile .dish-card{border-radius:12px;flex-direction:column;display:flex}body.is-mobile .dish-img{height:140px!important;font-size:40px!important}body.is-mobile .dish-info{flex-direction:column;flex:1;display:flex;padding:12px!important}body.is-mobile .dish-name{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;flex:1;margin-bottom:6px;line-height:1.3;display:-webkit-box;overflow:hidden;white-space:normal!important;font-size:14px!important}body.is-mobile .dish-info p{display:none}body.is-mobile .dish-price-wrap{gap:8px;margin-top:auto;padding-top:8px;flex-direction:column!important;align-items:center!important}body.is-mobile .price-new,body.is-mobile .dish-price-wrap span:first-child{font-size:16px!important}body.is-mobile .price-old{font-size:12px!important}body.is-mobile .dish-card .btn-add,body.is-mobile .dish-card button:not(.kbju-btn){width:100%;border-radius:8px!important;padding:8px!important;font-size:13px!important}body.is-mobile .dish-price-wrap>div{width:100%;display:flex;justify-content:center!important}body.is-mobile .cart-btn-qty{background:#e2e8f0!important;border-radius:6px!important;width:28px!important;height:28px!important}body.is-mobile .cart-item-qty{font-size:14px}body.is-mobile .restaurant-hero{border-radius:16px;margin-top:-8px}body.is-mobile .hero-logo{width:60px;height:60px;margin-bottom:12px;font-size:28px}body.is-mobile .hero-title{font-size:22px}body.is-mobile .delivery-info-grid{grid-template-columns:1fr;gap:12px}body.is-mobile .info-block{padding:12px}body.is-mobile .menu-nav{top:60px}body.is-mobile .profile-layout,body.is-mobile .page-cart-layout{flex-direction:column!important;gap:16px!important}body.is-mobile .profile-layout>*,body.is-mobile .page-cart-layout>*,body.is-mobile .profile-sidebar{width:100%!important}body.is-mobile .track-steps-scroll-wrapper{margin:0 -16px!important;padding:0 16px 16px!important;overflow-x:auto!important}body.is-mobile .track-steps-row{gap:0!important;min-width:320px!important}body.is-mobile .track-steps-row>div{flex:1!important;width:auto!important;min-width:0!important}body.is-mobile h1{font-size:24px!important}body.is-mobile h2{margin-bottom:16px!important;font-size:20px!important}body.is-mobile .container{padding-left:16px;padding-right:16px}body.is-mobile .section-title{font-size:20px}body.is-mobile .cart-item-row{flex-wrap:wrap;align-items:center!important;gap:8px!important}body.is-mobile .cart-item-name{margin-bottom:8px;flex:100%!important;font-size:16px!important}body.is-mobile .track-steps-scroll-wrapper{scrollbar-width:none;-ms-overflow-style:none}body.is-mobile .track-steps-scroll-wrapper::-webkit-scrollbar{display:none}body.is-mobile .track-steps-row{flex-wrap:nowrap!important;justify-content:space-between!important;gap:0!important}body.is-mobile .active-order-banner{box-sizing:border-box;justify-content:space-between!important;width:calc(100% - 32px)!important;padding:12px 16px!important;bottom:84px!important;left:16px!important;transform:none!important}body.is-mobile .active-order-banner span{white-space:normal!important;font-size:14px!important}body.is-mobile .active-order-banner span:nth-child(2){text-overflow:ellipsis;flex:1;overflow:hidden}body.is-mobile .menu-nav{z-index:100!important;background:#f8fafc!important;margin:0!important;padding:12px 0!important;position:sticky!important;top:60px!important;box-shadow:0 4px 10px #0000000d!important}body.is-mobile .cat-chip.active{background:var(--primary)!important;color:#fff!important}body.is-mobile .track-card{padding:16px!important}body.is-mobile *{box-sizing:border-box}body.is-mobile .cart-header-wrap{flex-direction:column;gap:8px;align-items:flex-start!important}body.is-mobile .track-header-wrap{flex-direction:column;gap:16px;align-items:flex-start!important}body.is-mobile .track-client-grid,body.is-mobile .cart-address-grid{grid-template-columns:1fr!important}body.is-mobile .cart-address-grid input{grid-column:span 1!important}body.is-mobile .profile-sidebar{scrollbar-width:none;flex-direction:row!important;gap:8px!important;margin:0 -16px 24px!important;padding:4px 16px 12px!important;overflow-x:auto!important}body.is-mobile .profile-sidebar::-webkit-scrollbar{display:none}body.is-mobile .profile-tab{white-space:nowrap!important;background:#f1f5f9!important;border:1px solid #e2e8f0!important;border-radius:12px!important;flex-shrink:0!important;padding:8px 16px!important;font-size:14px!important;font-weight:600!important}body.is-mobile .profile-tab.active{border-color:var(--primary)!important;background:var(--primary-light)!important;color:var(--primary)!important}body.is-mobile .profile-tab.tab-logout{color:#ef4444!important;background:#fee2e2!important;border-color:#fca5a5!important}body.is-mobile .profile-tab-divider{display:none!important}body.is-mobile .profile-form-row,body.is-mobile .address-form-grid-1,body.is-mobile .address-form-grid-2{flex-direction:column!important;gap:16px!important}body.is-mobile .address-form-grid-1>div{flex:none!important}body.is-mobile .address-item{flex-direction:column!important;align-items:flex-start!important;gap:16px!important}body.is-mobile .address-item-actions{justify-content:flex-end!important;width:100%!important}body.is-mobile .address-item-actions>button{flex:1}body.is-mobile .order-header-wrap{flex-wrap:wrap!important;gap:12px!important}body.is-mobile .order-header-wrap>div{text-align:left!important}body.is-mobile .order-actions-wrap{flex-direction:column!important;align-items:stretch!important;gap:16px!important}body.is-mobile .order-actions-wrap>div:last-child{flex-direction:column!important;width:100%!important}body.is-mobile .order-actions-wrap button{width:100%!important;margin:0!important}body.is-mobile:has(input:focus,textarea:focus) .bottom-nav{display:none!important}.btn-primary{background-color:var(--primary,#f97316);cursor:pointer;text-align:center;appearance:none;border:none;border-radius:8px;justify-content:center;align-items:center;padding:12px 24px;font-size:15px;font-weight:600;transition:background-color .2s,transform .1s;display:inline-flex;color:#fff!important}input,select,textarea{max-width:100%;box-sizing:border-box!important}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{cursor:not-allowed;color:#fff;background-color:#cbd5e1!important}.btn-outline{border:2px solid var(--primary,#f97316);cursor:pointer;appearance:none;text-align:center;background-color:#0000;border-radius:8px;justify-content:center;align-items:center;padding:10px 22px;font-size:15px;font-weight:600;transition:background-color .2s,color .2s;display:inline-flex;color:var(--primary,#f97316)!important}.btn-outline:active{transform:scale(.98)}.kbju-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:28px;height:28px;color:var(--text-dark);cursor:pointer;z-index:10;background:#ffffffe6;border:none;border-radius:50%;justify-content:center;align-items:center;font-family:serif;font-size:16px;font-style:italic;font-weight:700;transition:transform .2s,background .2s;display:flex;position:absolute;top:8px;right:8px;box-shadow:0 4px 6px #00000026}.kbju-btn:hover{background:#fff;transform:scale(1.1)}.nutrition-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0009;justify-content:center;align-items:center;padding:20px;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.nutrition-modal-content{background:#fff;border-radius:24px;width:100%;max-width:480px;max-height:90vh;animation:.3s slideUpFade;position:relative;overflow:hidden auto;box-shadow:0 20px 40px #0003}.nutrition-modal-close{color:#fff;cursor:pointer;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:24px;transition:background .2s;display:flex;position:absolute;top:16px;right:16px}.nutrition-modal-close:hover{background:#000c}.nutrition-modal-img{background-color:#f1f5f9;background-position:50%;background-size:cover;height:200px}.nutrition-modal-img.fallback{background:#fff3e0;justify-content:center;align-items:center;font-size:64px;display:flex}.nutrition-modal-title{padding:20px 24px 0}.nutrition-modal-title h2{color:var(--text-dark);margin:0 0 4px;font-size:22px;font-weight:800}.nutrition-modal-weight{color:var(--text-muted);font-size:14px;font-weight:500}.nutrition-modal-body{padding:20px 24px 24px}.nutrition-facts-grid{text-align:center;background:#f8fafc;border-radius:16px;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px;padding:16px;display:grid}.nutrition-fact-item{flex-direction:column;gap:4px;display:flex}.fact-value{color:var(--text-dark);font-size:18px;font-weight:800}.fact-label{color:var(--text-muted);font-size:12px;font-weight:500}.nutrition-ingredients h3{color:var(--text-dark);margin-bottom:8px;font-size:16px;font-weight:700}.nutrition-ingredients p{color:var(--text-light);margin:0;font-size:14px;line-height:1.6}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=768px){.nutrition-modal-overlay{align-items:flex-end;padding:0}.nutrition-modal-content{border-radius:24px 24px 0 0;max-height:90vh;overflow-y:auto}}