*{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}}:root{--yalla-bg: #f6f8fb;--yalla-surface: #ffffff;--yalla-surface-muted: #fbfcfe;--yalla-border: #e8edf3;--yalla-text: #1f2937;--yalla-text-muted: #6b7280;--yalla-primary: #ff6b35;--yalla-primary-soft: rgba(255, 107, 53, .12);--yalla-navy: #0f172a;--yalla-shadow: 0 18px 48px rgba(15, 23, 42, .08);--yalla-shadow-soft: 0 10px 30px rgba(15, 23, 42, .06)}body{background:linear-gradient(180deg,#fbfcff 0%,var(--yalla-bg) 100%);color:var(--yalla-text)}a{color:inherit}.page-shell{padding:28px 0 56px;min-height:calc(100vh - 64px)}.page-shell--tight{padding-top:20px}.home-mobile-search-shell{padding:10px 0 8px}.home-mobile-search-card{overflow:hidden}.home-offers-section{margin-bottom:2px}.page-container{width:min(1180px,calc(100% - 32px));margin:0 auto}.page-hero{padding:28px;border-radius:28px;background:radial-gradient(circle at top right,rgba(84,104,212,.12),transparent 32%),linear-gradient(180deg,#fffffff5,#fff);border:1px solid rgba(232,237,243,.95);box-shadow:var(--yalla-shadow-soft)}.page-hero__eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:var(--yalla-primary-soft);color:var(--yalla-primary);font-size:12px;font-weight:700;letter-spacing:.02em;margin-bottom:16px}.page-title{margin:0;font-size:clamp(30px,4vw,46px);line-height:1.05;letter-spacing:-.03em}.page-subtitle{margin-top:12px;max-width:720px;color:var(--yalla-text-muted);font-size:16px;line-height:1.7}.section-card{background:#ffffffeb;border:1px solid var(--yalla-border);border-radius:24px;box-shadow:var(--yalla-shadow-soft)}.section-card--padded{padding:24px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px}.section-heading h2,.section-heading h3,.section-heading h4{margin:0}.muted-text{color:var(--yalla-text-muted)}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric-card{padding:18px;border-radius:20px;background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid var(--yalla-border)}.metric-value{font-size:28px;font-weight:700;line-height:1;letter-spacing:-.03em;color:var(--yalla-text)}.metric-label{margin-top:8px;font-size:13px;color:var(--yalla-text-muted)}.yalla-empty-state{text-align:center;padding:32px 20px}.yalla-empty-state__icon{width:64px;height:64px;border-radius:20px;margin:0 auto 16px;display:grid;place-items:center;background:linear-gradient(135deg,#ff6b3529,#5468d414);color:var(--yalla-primary);font-size:28px}.yalla-split-actions{display:flex;gap:12px;flex-wrap:wrap}.profile-summary-grid{display:grid;grid-template-columns:220px 1fr;gap:28px;align-items:center}.soft-scroll-section{padding:2px 0}.yalla-glass-header{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#ffffffe0!important;border-bottom:1px solid rgba(232,237,243,.9);box-shadow:0 10px 30px #0f172a0d}.yalla-footer{background:linear-gradient(180deg,#081326,#0f1c34)!important}@media (max-width: 991px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-summary-grid{grid-template-columns:1fr}}@media (max-width: 768px){.page-shell{padding:16px 0 36px}.home-mobile-search-shell{padding:8px 0 4px}.home-mobile-search-card .page-hero__eyebrow{padding:6px 10px;font-size:11px;margin-bottom:0!important}.section-heading--inline{align-items:center;margin-bottom:12px}.section-heading--inline .ant-btn-link{padding-inline:0}.page-container{width:min(100%,calc(100% - 24px))}.page-hero,.section-card--padded{padding:18px;border-radius:22px}.page-subtitle{font-size:14px;line-height:1.6}.metric-grid{grid-template-columns:1fr 1fr;gap:12px}}