*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;color:#262626;background-color:#f5f5f5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d1d1d1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#b1b1b1}.horizontal-scroll-container{display:flex;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:thin;gap:12px;padding:8px 16px}@media (min-width: 768px){.horizontal-scroll-container{padding:8px 24px}}.horizontal-scroll-container::-webkit-scrollbar{height:4px}@media (max-width: 768px){.horizontal-scroll-container{scrollbar-width:none;-ms-overflow-style:none}.horizontal-scroll-container::-webkit-scrollbar{display:none}}.horizontal-scroll-item{flex:0 0 auto;scroll-snap-align:start}.container{width:100%;margin:0 auto;padding:0 16px}@media (min-width: 768px){.container{padding:0 24px}}@media (min-width: 1200px){.container{max-width:1200px}}.section{padding:16px 0}@media (min-width: 768px){.section{padding:24px 0}}@media (min-width: 1024px){.section{padding:32px 0}}.text-center{text-align:center}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}img{max-width:100%;height:auto;display:block}button,a{-webkit-tap-highlight-color:rgba(0,0,0,.1);touch-action:manipulation}.ant-layout-header{box-shadow:0 2px 8px #0000000f;padding:0 16px!important;height:64px!important}@media (min-width: 768px){.ant-layout-header{padding:0 24px!important}}.header-logo{font-size:18px!important}@media (min-width: 480px){.header-logo{font-size:20px!important}}@media (min-width: 768px){.header-logo{font-size:24px!important}}.header-actions{gap:8px!important}@media (min-width: 768px){.header-actions{gap:16px!important}}.ant-card{transition:all .3s ease}@media (hover: hover) and (pointer: fine){.ant-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}}@media (max-width: 768px){.ant-card{border-radius:8px}.ant-card-cover img{height:160px!important}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-in}.hide-mobile{display:none}.show-mobile{display:block}.desktop-banner{display:none}@media (min-width: 769px){.hide-mobile{display:block!important}.show-mobile{display:none!important}.desktop-banner{display:block!important}}.responsive-title{font-size:20px;font-weight:600;line-height:1.3}@media (min-width: 768px){.responsive-title{font-size:24px}}@media (min-width: 1024px){.responsive-title{font-size:28px}}.category-chip{display:inline-flex;align-items:center;padding:8px 16px;background:#fff;border:1px solid #e8e8e8;border-radius:20px;font-size:14px;white-space:nowrap;cursor:pointer;transition:all .3s ease;-webkit-user-select:none;user-select:none}.category-chip:active{transform:scale(.95)}.category-chip.active{background:#ff6b35;color:#fff;border-color:#ff6b35}.categories-filter-sticky{position:-webkit-sticky!important;position:sticky!important;top:64px!important;z-index:999!important;background:#fff!important;box-shadow:0 2px 8px #0000000f!important}.ant-layout-content{overflow:visible!important}.offer-card{background:linear-gradient(135deg,#ff6b35,#f7931e);border-radius:12px;padding:16px;color:#fff;min-width:280px;position:relative;overflow:hidden}@media (min-width: 768px){.offer-card{min-width:320px}}.offer-card:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);pointer-events:none}.compact-restaurant-card{box-shadow:0 2px 8px #0000001a}@media (hover: hover) and (pointer: fine){.compact-restaurant-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #00000026}}@media (max-width: 768px){.compact-restaurant-card:active{transform:scale(.98)}}.restaurant-card{height:100%;border-radius:12px;overflow:hidden}.restaurant-card-image{height:140px;object-fit:cover}.restaurant-card .ant-card-body{padding:12px!important}.restaurant-card .ant-card-meta-title{font-size:14px;margin-bottom:8px!important}.restaurant-card .ant-card-meta-description{font-size:12px}@media (min-width: 600px){.restaurant-card-image{height:160px}.restaurant-card .ant-card-body{padding:14px!important}}@media (min-width: 769px){.restaurant-card-image{height:200px}.restaurant-card .ant-card-body{padding:16px!important}.restaurant-card .ant-card-meta-title{font-size:16px}.restaurant-card .ant-card-meta-description{font-size:14px}}@media (max-width: 768px){.ant-card-body{padding:14px!important}.section{padding:12px 0}.ant-card{font-size:13px}.ant-space-item{line-height:1.4}}@media (min-width: 769px){.horizontal-scroll-container{gap:16px}.ant-card-body{padding:20px!important}}.ant-drawer-content-wrapper{width:280px!important}@media (min-width: 769px){.ant-drawer-content-wrapper{width:320px!important}}@media (max-width: 768px){.desktop-banner{display:none!important}}@media (min-width: 769px) and (max-width: 1024px){.desktop-banner h1{font-size:36px!important}.desktop-banner .ant-typography{font-size:16px!important}}@media (min-width: 600px) and (max-width: 768px){.restaurant-card .ant-card-body{padding:14px!important}.restaurant-card-image{height:150px}}.dish-card-compact{box-shadow:0 1px 4px #00000014}@media (hover: hover) and (pointer: fine){.dish-card-compact:hover{box-shadow:0 2px 8px #0000001f;transform:translateY(-1px)}}@media (max-width: 768px){.dish-card-compact:active{transform:scale(.99)}}.compact-dish-card{box-shadow:0 2px 8px #0000001a}@media (hover: hover) and (pointer: fine){.compact-dish-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #00000026}}@media (max-width: 768px){.compact-dish-card:active{transform:scale(.98)}}.restaurant-details-banner{height:200px}@media (min-width: 768px){.restaurant-details-banner{height:280px}}@media (min-width: 1024px){.restaurant-details-banner{height:320px}}.menu-items-grid{display:grid;grid-template-columns:1fr;gap:12px}@media (min-width: 768px){.menu-items-grid{grid-template-columns:repeat(2,1fr);gap:16px}}@media print{.no-print{display:none!important}}
