:root{--ink:#12233f;--muted:#6f7b8e;--orange:#ff4b35;--orange2:#ff704f;--green:#12804b;--bg:#fff;--soft:#f7f9fc;--line:#e9edf3;--radius:16px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:#fff}button,input{font:inherit}.container{width:min(1160px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid #eee}.nav-wrap{height:72px;display:flex;align-items:center;gap:32px}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--ink);min-width:175px}.brand-mark{font-size:30px;color:var(--orange)}.brand b{display:block;font-size:23px;line-height:20px}.brand small{display:block;font-size:9px;color:#777;letter-spacing:.3px}.desktop-nav{display:flex;gap:28px;flex:1;justify-content:center}.desktop-nav a{color:#1d2a40;text-decoration:none;font-size:13px;padding:25px 0}.desktop-nav a.active,.desktop-nav a:hover{color:var(--orange);border-bottom:2px solid var(--orange)}.nav-actions{display:flex;gap:10px;align-items:center}.nav-actions button{border:0;background:none;color:#17243a;cursor:pointer}.city-btn{font-size:12px}.cart{position:relative}.cart i{position:absolute;right:-5px;top:-7px;background:var(--orange);color:#fff;border-radius:20px;font-size:9px;padding:2px 5px;font-style:normal}.hero{background:linear-gradient(90deg,#101010 0%,#17130e 53%,#24160d 100%);color:#fff;overflow:hidden}.hero-inner{min-height:385px;display:flex;align-items:center;position:relative}.hero-copy{width:54%;position:relative;z-index:2}.eyebrow{display:inline-block;background:#242424;border:1px solid #444;border-radius:30px;padding:8px 13px;font-size:12px}.hero h1{font-size:45px;line-height:1.04;margin:16px 0 12px;letter-spacing:-1.4px}.hero h1 em{font-style:normal;color:#ff5b40}.hero p{max-width:560px;color:#eee;line-height:1.55;margin-bottom:18px}.searchbar{display:flex;background:#fff;border-radius:13px;padding:5px;max-width:570px;box-shadow:0 8px 30px #0005}.searchbar button:first-child{border:0;background:#fff;color:#34415a;padding:0 12px;white-space:nowrap}.searchbar input{border:0;outline:0;flex:1;min-width:0}.searchbar button:last-child{width:42px;height:40px;border:0;border-radius:10px;background:var(--orange);color:#fff;font-size:21px}.trust{display:flex;gap:28px;margin-top:22px}.trust span{display:grid;grid-template-columns:28px auto;column-gap:7px;font-size:12px}.trust span:first-letter{font-size:18px}.trust small{grid-column:2;color:#bbb;font-size:9px}.hero-food{position:absolute;right:-20px;font-size:260px;filter:drop-shadow(0 20px 30px #0008);transform:rotate(-7deg)}.section{padding:34px 0}.section.alt{background:#fbfcfe}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:18px}.section-head h2{margin:0 0 5px;font-size:22px}.section-head p{margin:0;color:var(--muted);font-size:12px}.section-head>a{color:var(--orange);text-decoration:none;font-size:12px}.category-grid,.city-grid,.cuisine-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:12px}.category{background:#fafbfc;border:1px solid #f0f1f4;border-radius:15px;text-align:center;padding:12px 6px;transition:.2s}.category:hover{transform:translateY(-3px);box-shadow:0 8px 20px #15233d10}.food-emoji{font-size:37px;display:block;margin-bottom:7px}.category span:last-child{font-size:11px;font-weight:650}.restaurant-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.restaurant{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 4px 15px #18233d08}.food-photo{height:116px;display:flex;align-items:center;justify-content:center;font-size:65px;background:linear-gradient(135deg,#ffeadf,#fff7f2)}.restaurant-body{padding:11px}.restaurant h3{font-size:13px;margin:0 0 5px}.meta{font-size:10px;color:#8b94a3}.rating{float:right;background:#13804b;color:#fff;padding:3px 6px;border-radius:5px;font-size:9px}.restaurant-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:12px;font-size:9px;color:#788396}.free{color:var(--green);background:#e9f8f0;padding:5px 7px;border-radius:5px;font-weight:700}.offer{margin-top:12px;margin-bottom:28px;border-radius:18px;background:linear-gradient(100deg,#fff0e8,#fff7f1);min-height:150px;padding:27px 36px;display:flex;justify-content:space-between;align-items:center;overflow:hidden}.offer span{color:var(--orange);font-weight:800;font-size:11px}.offer h2{font-size:31px;margin:7px 0}.offer strong{color:var(--orange)}.offer p{margin:0 0 14px}.offer button{border:0;border-radius:24px;padding:11px 17px;background:var(--orange);color:#fff;font-weight:700}.offer-food{font-size:80px;white-space:nowrap}.city-grid{grid-template-columns:repeat(6,1fr)}.city-card,.cuisine-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}.city-image,.cuisine-image{height:105px;display:flex;align-items:center;justify-content:center;font-size:60px;background:linear-gradient(135deg,#e7f0ff,#fff1dc)}.city-card div:last-child,.cuisine-card div:last-child{padding:10px}.city-card b,.cuisine-card b{display:block;font-size:12px}.city-card small,.cuisine-card small{font-size:9px;color:#8993a3}.select-city{border:1px solid var(--line);background:#fff;border-radius:10px;padding:9px 13px;color:#38445a}.cuisine-grid{grid-template-columns:repeat(6,1fr)}.cuisine-image{height:88px;font-size:48px}.how{background:#f1fbfa;border-radius:17px;margin-top:10px;margin-bottom:28px;padding:25px 30px}.centered{justify-content:center;text-align:center}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;text-align:center}.steps>div{position:relative}.steps>div:not(:last-child):after{content:"";position:absolute;top:25px;right:-8%;width:16%;border-top:1px dashed #a9c9c3}.steps b{display:inline-grid;place-items:center;width:45px;height:45px;border-radius:50%;background:var(--orange);color:#fff}.steps h3{font-size:12px;margin:10px 0 4px}.steps p{font-size:10px;color:#7b8798;margin:0}.app-banner{background:#12233f;color:#fff;border-radius:15px;min-height:115px;padding:18px 25px;display:flex;align-items:center;gap:20px;margin-bottom:28px}.phones{font-size:46px}.app-banner h2{font-size:19px;margin:0 0 4px}.app-banner p{font-size:10px;color:#c9d1dc;margin:0}.stores{display:flex;gap:8px;margin-left:auto}.stores span{border:1px solid #778399;border-radius:7px;padding:7px 10px;font-size:9px}.app-features{display:flex;gap:13px;font-size:9px;color:#c9d1dc}.footer-brand{align-self:start}footer{background:#0e1a2c;color:#d8deea;padding:32px 0 12px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1.4fr 1.2fr 1fr;gap:30px}.footer-grid h4{font-size:11px;margin:0 0 12px;color:#fff}.footer-grid a{display:block;font-size:10px;color:#aeb8c8;margin:7px 0}.social{font-size:13px}.payments{display:flex;gap:5px;flex-wrap:wrap}.payments span{background:#fff;color:#17243a;border-radius:4px;padding:4px 6px;font-size:8px}.copyright{border-top:1px solid #2b3748;margin-top:25px;padding-top:12px;font-size:8px;color:#8e99aa;display:flex;justify-content:space-between}.city-modal{display:none;position:fixed;inset:0;background:#0b1324a8;z-index:50;place-items:center;padding:20px}.city-modal.show{display:grid}.modal-card{width:min(520px,100%);background:#fff;border-radius:18px;padding:26px;position:relative}.close{position:absolute;right:16px;top:12px;border:0;background:#f3f5f8;border-radius:50%;width:32px;height:32px}.modal-card h2{margin:0 0 5px}.modal-card p{color:var(--muted);font-size:12px}.modal-cities{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.modal-cities button{border:1px solid var(--line);background:#fff;border-radius:10px;padding:13px 8px;text-align:left;cursor:pointer}.modal-cities button:hover{border-color:var(--orange);color:var(--orange)}
@media(max-width:1000px){.desktop-nav{gap:14px}.nav-wrap{gap:14px}.category-grid{grid-template-columns:repeat(4,1fr)}.restaurant-grid{grid-template-columns:repeat(3,1fr)}.city-grid{grid-template-columns:repeat(3,1fr)}.cuisine-grid{grid-template-columns:repeat(3,1fr)}.hero-copy{width:70%}.hero-food{opacity:.35}.footer-grid{grid-template-columns:repeat(3,1fr)}.app-features{display:none}}
@media(max-width:700px){.container{width:min(100% - 24px,1160px)}.site-header{position:relative}.nav-wrap{height:auto;padding:12px 0;flex-wrap:wrap}.desktop-nav{order:3;width:100%;overflow:auto;justify-content:flex-start}.desktop-nav a{padding:7px 0;font-size:11px;white-space:nowrap}.nav-actions{margin-left:auto}.nav-actions button:not(.city-btn){display:none}.brand{min-width:150px}.hero-inner{min-height:540px;align-items:flex-start;padding-top:38px}.hero-copy{width:100%}.hero h1{font-size:36px}.hero-food{bottom:-40px;right:0;font-size:210px;opacity:.4}.trust{gap:10px}.trust span{font-size:10px}.trust small{font-size:8px}.searchbar{flex-wrap:wrap}.searchbar button:first-child{width:100%;text-align:left;padding:8px 10px;border-bottom:1px solid #eee}.searchbar input{padding:9px}.section{padding:26px 0}.section-head{align-items:start}.category-grid{grid-template-columns:repeat(4,1fr)}.restaurant-grid{grid-template-columns:repeat(2,1fr)}.food-photo{height:105px}.offer{padding:20px;min-height:180px}.offer h2{font-size:25px}.offer-food{font-size:48px}.city-grid{grid-template-columns:repeat(2,1fr)}.cuisine-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr);gap:25px}.steps>div:not(:last-child):after{display:none}.app-banner{flex-wrap:wrap}.stores{margin-left:0}.footer-grid{grid-template-columns:repeat(2,1fr);gap:22px}.footer-brand{grid-column:1/-1}.copyright{display:block}.copyright span{display:block;margin-top:7px}.modal-cities{grid-template-columns:repeat(2,1fr)}}
@media(max-width:420px){.category-grid{grid-template-columns:repeat(2,1fr)}.restaurant-grid{grid-template-columns:1fr}.city-grid,.cuisine-grid{grid-template-columns:1fr 1fr}.hero h1{font-size:32px}.trust{display:grid;grid-template-columns:1fr}.hero-inner{min-height:590px}}
.panel-access{background:#f7f9fc}.panel-access-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.panel-access-grid a{display:flex;flex-direction:column;gap:10px;background:#fff;border:1px solid #e8edf3;border-radius:18px;padding:22px;text-decoration:none;color:#152238;box-shadow:0 8px 24px rgba(20,35,55,.06);transition:.2s}.panel-access-grid a:hover{transform:translateY(-3px);border-color:#ff5a36}.panel-access-grid b{font-size:18px}.panel-access-grid span{font-size:13px;line-height:1.5;color:#68758a;min-height:58px}.panel-access-grid strong{color:#ff5a36;font-size:13px}@media(max-width:900px){.panel-access-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.panel-access-grid{grid-template-columns:1fr}}