.top-header{background-color:white;width:100%;box-shadow:0 1px 3px rgba(0, 0, 0, 0.08);position:sticky;top:0;z-index:1000}.header-inner{display:flex;align-items:center;flex-wrap:nowrap;height:100%;padding:12px 24px;max-width:100%;gap:16px}.header-logo{display:flex;align-items:center;flex-shrink:0}.header-logo a{display:flex;align-items:center;text-decoration:none;gap:8px}.logo-icon{width:32px;height:32px}.logo-text{font-size:22px;font-weight:700;color:var(--primary-color);letter-spacing:-0.5px;white-space:nowrap}.header-tagline{display:none;font-size:14px;color:var(--text-secondary);font-weight:400;margin-left:12px;white-space:nowrap}.header-search{flex:1;min-width:200px;max-width:1800px}.header-location{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#f5f5f5;border-radius:20px;cursor:pointer;transition:background .2s;flex-shrink:0}.header-location:hover{background:#ebebeb}.location-icon{color:var(--primary-color);display:flex;align-items:center}.location-text{font-size:14px;font-weight:500;color:var(--text-color);max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-location-editing{background:transparent;padding:0;min-width:220px;position:relative;z-index:1002}.header-location-editing .city-autocomplete{position:relative;z-index:1002}.header-location-editing .form-input{width:100%;padding:8px 14px;border:2px solid var(--primary-color);border-radius:20px;font-size:14px;outline:none;background:white}.header-location-editing .form-input:focus{box-shadow:0 0 0 3px rgba(255, 107, 53, 0.15)}.header-location-editing .city-dropdown{position:absolute;top:calc(100% + 4px);left:0;min-width:280px;background:white;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 4px 20px rgba(0, 0, 0, 0.15);z-index:1003;max-height:320px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.header-location-editing .city-dropdown::-webkit-scrollbar{display:none}.header-location-editing .city-dropdown-item{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:12px 16px;border:none;background:none;text-align:left;cursor:pointer;transition:background .15s}.header-location-editing .city-dropdown-item:first-child{border-radius:12px 12px 0 0}.header-location-editing .city-dropdown-item:last-child{border-radius:0 0 12px 12px}.header-location-editing .city-dropdown-item:hover{background:#f8f8f8}.header-location-editing .city-dropdown-name{font-weight:600;color:var(--text-color);font-size:15px}.header-location-editing .city-dropdown-region{font-size:13px;color:var(--text-secondary)}.header-location-editing .city-dropdown-divider{padding:8px 16px;font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;background:#fafafa;border-top:1px solid #eee;font-weight:500}.header-location-editing .city-loading{padding:12px 16px;text-align:center;color:var(--text-secondary)}.header-search-form{display:flex;align-items:center;background:#f5f5f5;border-radius:24px;padding:0 16px;height:44px;transition:all .2s ease}.header-search-form:focus-within{background:white;box-shadow:0 0 0 2px var(--primary-color)}.search-icon{color:#767676;display:flex;align-items:center;margin-right:12px}.search-input{flex:1;border:none;background:transparent;font-size:16px;color:var(--text-color);outline:none}.search-input::placeholder{color:#767676}.header-locale-selector{flex-shrink:0}.header-locale-selector .locale-selector__trigger{border:none !important;background:transparent !important;padding:6px 8px !important;border-radius:8px !important;font-size:1.25rem !important}.header-locale-selector .locale-selector__trigger:hover{background:#f5f5f5 !important}.header-nav{display:flex;align-items:right;gap:4px;flex-shrink:0}.header-nav-link{padding:10px 12px;color:var(--text-color);font-weight:500;font-size:15px;text-decoration:none;border-radius:20px;transition:background .2s;white-space:nowrap}.header-nav-link:hover{background:#f5f5f5}.header-nav-link.admin{color:#dc3545}.header-admin-btn{display:flex;align-items:center;justify-content:center;padding:8px 14px;color:white;background:#dc3545;font-weight:600;font-size:14px;text-decoration:none;border-radius:20px;transition:background .2s}.header-admin-btn:hover{background:#c82333;color:white}.admin-text-short{display:none}.admin-text-full{display:inline}.header-cart{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;color:var(--text-color);position:relative;transition:background .2s}.header-cart:hover{background:#f5f5f5}.cart-badge{position:absolute;top:4px;right:4px;background:var(--primary-color);color:white;font-size:11px;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px}.header-signin{padding:10px 16px;background:var(--primary-color);color:white;font-weight:600;font-size:15px;text-decoration:none;border-radius:20px;transition:background .2s}.header-signin:hover{background:var(--primary-dark)}.header-signup{padding:10px 16px;background:var(--primary-color);color:white;font-weight:600;font-size:15px;text-decoration:none;border-radius:20px;transition:background .2s}.header-signup:hover{background:var(--primary-dark)}.header-user{position:relative}.user-menu-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:transparent;border:2px solid var(--border-color, #e0e0e0);padding:0;cursor:pointer;transition:opacity .2s;overflow:hidden}.user-menu-btn:has(.user-avatar){background:var(--primary-color);border:none}.user-menu-btn:hover{opacity:.9}.user-avatar{color:white;font-size:16px;font-weight:600}.user-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.user-dropdown{display:none;position:absolute;top:100%;right:0;margin-top:8px;background:white;border-radius:12px;box-shadow:0 4px 24px rgba(0, 0, 0, 0.15);min-width:220px;overflow:hidden;z-index:1001}.user-dropdown.show{display:block}.user-dropdown-header{padding:16px;border-bottom:1px solid #eee}.user-dropdown-item{display:block;padding:12px 16px;color:var(--text-color);text-decoration:none;font-size:15px;transition:background .2s;border:none;background:none;width:100%;text-align:left;cursor:pointer}.user-dropdown-item:hover{background:#f5f5f5}.user-dropdown-item.admin{color:#dc3545}.user-dropdown-item.logout{color:#dc3545}.user-dropdown-divider{height:1px;background:#eee;margin:4px 0}.mobile-menu-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;background:none;border:none;cursor:pointer;padding:8px;z-index:20}.hamburger-line{display:block;width:22px;height:2px;background-color:var(--text-color);border-radius:2px;transition:transform .3s ease,opacity .3s ease}.mobile-menu-toggle.active .hamburger-line:nth-child(1){transform:rotate(45deg) translate(5px, 5px)}.mobile-menu-toggle.active .hamburger-line:nth-child(2){opacity:0}.mobile-menu-toggle.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(5px, -5px)}.mobile-nav-open .header-nav{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:white;padding:16px;box-shadow:0 4px 12px rgba(0, 0, 0, 0.1)}.mobile-nav-open .header-nav-link,.mobile-nav-open .header-signin,.mobile-nav-open .header-signup{display:block;width:100%;text-align:center;padding:12px}@media(max-width: 768px){.top-header{height:auto;min-height:56px}.header-inner{padding:8px 12px !important;height:56px;min-height:40px;align-items:center;gap:2px}.header-search,.header-location{display:none}.header-logo{flex:1;min-width:0}.header-tagline{display:inline;font-size:11px;color:var(--text-tertiary, #999);margin-left:12px;padding-left:12px;border-left:1px solid var(--border-color, #e0e0e0);font-style:italic;letter-spacing:.2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:1;min-width:0}.header-nav-link,.header-signup,.header-cart{display:none}.header-chef-link{display:inline-block;padding:8px 12px;font-size:13px}.header-admin-btn{width:36px;height:36px;padding:0;border-radius:50%;font-size:16px;font-weight:700}.admin-text-short{display:inline}.admin-text-full{display:none}.header-nav{display:flex;align-items:center;margin-left:auto;gap:8px}.header-signin{display:flex !important;padding:8px 14px;font-size:14px}.header-user{display:flex}.user-menu-btn{width:36px;height:36px;flex-shrink:0}.user-menu-btn:has(.user-avatar){background:var(--primary-color);border:none}.mobile-menu-toggle{display:none}.logo-text{font-size:18px}.logo-icon{width:28px;height:28px}.site-footer{display:none}}@media(max-width: 480px){.header-inner{padding:0 12px !important;gap:0}.logo-text{font-size:18px}.logo-icon{width:26px;height:26px}}.chef-mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:white;border-top:1px solid var(--border-color);padding:8px 0;padding-bottom:max(8px,env(safe-area-inset-bottom));z-index:1000;box-shadow:0 -2px 10px rgba(0, 0, 0, 0.1)}.chef-mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:4px;text-decoration:none;color:var(--text-muted);font-size:11px;gap:2px;transition:color .2s}.chef-mobile-nav-item svg{width:22px;height:22px}.chef-mobile-nav-item.active,.chef-mobile-nav-item:hover{color:var(--primary-color)}.chef-mobile-nav-item.active svg{stroke:var(--primary-color)}@media(max-width: 768px){.chef-mobile-nav{display:flex}.hide-on-mobile{display:none !important}body:has(.chef-mobile-nav){padding-bottom:70px}body:has(.chef-mobile-nav) .site-footer{margin-bottom:70px}}