/* AllMenus London homepage design, 30 October 2026. Responsive, accessible, no external fonts. */
:root{--forest:#065637;--forest2:#043925;--ink:#111827;--muted:#566576;--cream:#fbfaf7;--line:#e7ece9;--coral:#fa5c2e;--gold:#ff9a30}
body{font-family:Inter,Arial,Helvetica,sans-serif;background:#fff;color:var(--ink);line-height:1.55}
h1,h2,h3,h4{font-family:Inter,Arial,Helvetica,sans-serif;letter-spacing:-.028em;line-height:1.2}
a{color:#06643f}a:hover{color:#f26031}
.wide-container{width:min(1480px,calc(100% - 52px));margin-inline:auto}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{background:#fff;box-shadow:0 2px 12px #14271a10;border-bottom:1px solid #edf0ee;z-index:100}
.site-header .container{width:min(1480px,calc(100% - 52px))}
.header-inner{height:65px;gap:18px}
.brand{flex-shrink:0}.brand img{width:204px;max-height:58px}
.main-nav{gap:17px;flex-wrap:nowrap}.main-nav a{font-size:.78rem;font-weight:730;color:#192a38;letter-spacing:-.01em}
.main-nav a[aria-current=page],.main-nav a:hover{color:#f25b2e}
.header-search{display:flex;align-items:center;gap:3px;background:#f2f4f5;border:1px solid #ebedef;border-radius:26px;padding:3px 7px 3px 14px;min-width:180px;max-width:320px;flex:1;height:38px}
.header-search input{width:100%;min-width:0;background:none;border:0;outline:0;font-size:12px;color:#263b4b}
.header-search button{border:0;background:transparent;color:#0b2335;font-size:26px;line-height:1;width:34px;flex-shrink:0;padding:0}
.selected-hero{min-height:336px;background:#071a19;position:relative;overflow:hidden;color:#fff}
.selected-hero-bg{position:absolute;inset:0;background-image:linear-gradient(90deg,#05100cfb 0%,#05110cf1 26%,#05110dce 40%,#09180e87 55%,#0b1c141c 73%,#05140b0a 100%),url('london-food-hero.webp');background-size:100% 100%,100% 100%;background-position:center,center;filter:saturate(1.1);transform:scale(1.003)}
.hero-selected-inner{position:relative;z-index:1;display:flex;align-items:center;min-height:336px;padding-top:24px;padding-bottom:26px}
.selected-copy{max-width:760px}.selected-copy h1{font-size:clamp(33px,3.3vw,51px);line-height:1.06;max-width:780px;letter-spacing:-.038em;margin:0 0 10px;color:white;font-weight:850;text-wrap:balance}
.selected-copy h1 span{color:#ff8a33}.selected-copy>p:not(.hero-kicker){max-width:600px;font-size:15px;color:#f3f5f1;line-height:1.52;margin:0 0 17px;text-shadow:0 1px 2px #1114}
.selected-copy .hero-kicker{font-size:11px;letter-spacing:1.25px;font-weight:800;color:#ffbb79;margin:0 0 6px}
.selected-search{background:#fff;display:flex;border-radius:40px;max-width:596px;padding:5px 5px 5px 17px;align-items:center;height:49px;box-shadow:0 4px 14px #0003}
.selected-search input{border:0;outline:0;flex:1;min-width:0;padding:7px 10px;color:#223746;font-size:13px}
.selected-search button,.orange-button{background:linear-gradient(110deg,#ff7c27,#fc502e);border:0;color:white;font-weight:800;border-radius:26px;padding:10px 34px;text-decoration:none;display:inline-block;line-height:1.4}
.selected-search button:hover,.orange-button:hover{color:white;background:#e74720}
.mag-icon{font-size:30px;line-height:1;color:#172532;transform:rotate(-32deg)}
.popular-chips{display:flex;gap:9px;flex-wrap:wrap;align-items:center;margin-top:12px;color:#fff;font-size:12px}
.popular-chips strong{font-size:12px}.popular-chips a{color:#fff;text-decoration:none;border:1px solid #fffb;padding:3px 11px;border-radius:20px;font-size:12px;background:#050e0e3b}
.popular-chips a:hover{background:#ffffff2b;color:white}
.top-quick{background:#fff;border-bottom:1px solid #ecefed}.quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));min-height:69px;gap:0}
.quick-link{display:flex;align-items:center;text-decoration:none;gap:14px;padding:11px 21px;border-right:1px solid #e6eaea;color:#162238}
.quick-link:last-child{border-right:0}.quick-link:hover{color:#f25b2e;background:#fffcf8}
.quick-link>span:last-child{display:flex;flex-direction:column}.quick-link b{font-size:13px}.quick-link small{font-size:11px;color:#6a7381}
.round-icon{width:39px;height:39px;border-radius:50%;background:#0a6745;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:900;flex-shrink:0;font-size:25px}
.round-icon.orange{background:#ff6b2f}.round-icon.lime{background:#489d2d}.round-icon.red{background:#ff3f35}
.home-layout{padding-top:18px;padding-bottom:28px}
.home-layout section{margin-bottom:24px}.home-titleline{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:12px}
.home-titleline h2{font-size:clamp(21px,2vw,27px);font-weight:850;margin:0 0 2px;color:#101719}
.home-titleline p{font-size:12.5px;color:#536171;line-height:1.48;max-width:760px;margin:0}
.heading-link{font-size:12px;font-weight:800;white-space:nowrap;text-decoration:none;color:#00663e;padding-bottom:4px}
.popular-area{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:18px;align-items:stretch}
.popular-card-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.showcase-card{min-width:0;border-radius:10px;background:#fff;border:1px solid #e9ecec;overflow:hidden;box-shadow:0 3px 10px #071b150c;display:flex;flex-direction:column}
.showcase-photo{height:104px;display:block;position:relative;overflow:hidden;background:#f7f4ed;padding:4px}
.showcase-photo img{height:100%;width:100%;object-fit:contain;object-position:center;display:block}
.brand-stamp{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);padding:4px 8px;background:#fffef7;border:1px solid #f7f1e9;box-shadow:0 2px 9px #1113;border-radius:9px;max-width:90%;font-size:13px;font-weight:900;white-space:nowrap;text-align:center;line-height:1.25}
.brand-mc{background:#d60015;color:#ffc928;font-size:25px;min-width:42px}.brand-kfc{background:#e50d29;color:white;font-size:20px}.brand-nandos{color:#c41219;font-style:italic;font-size:17px}
.brand-dominos{color:#1557a8}.brand-ph{color:#d22223}.brand-bk{color:#fa5e24}.brand-costa{background:#6e142e;color:white}.brand-greggs{background:#0068af;color:#ffde42}
.brand-waga{color:#282828;font-size:11px}.brand-pret{color:#932d31}.brand-stamp.brand-mc{font-family:Arial;font-size:30px}
.showcase-meta{padding:7px 7px 8px;flex:1;display:flex;flex-direction:column;text-align:center;align-items:stretch;gap:4px}
.showcase-meta h3{font-size:12px;font-weight:800;margin:0;color:#111b22}.showcase-meta p{font-size:10px;color:#66707a;line-height:1.35;min-height:27px;margin:0}
.showcase-cta,.green-button{border-radius:5px;background:#06643f;color:white;font-size:11px;font-weight:800;text-decoration:none;padding:6px 4px;text-align:center;margin-top:auto;display:block}
.showcase-cta:hover,.green-button:hover{background:#034c2f;color:white}
.location-panel{position:relative;padding:22px 17px 16px;min-height:198px;border-radius:10px;text-decoration:none;color:#064b37;background:linear-gradient(110deg,#e7f5ed,#f0f7f1);overflow:hidden}
.location-panel h3{font-size:23px;line-height:1.13;margin:0 0 8px;font-weight:850;position:relative;z-index:1}
.location-panel p{font-size:11px;max-width:160px;margin:0 0 10px;color:#365b4b;position:relative;z-index:1}
.location-panel .green-button{font-size:11px;padding:10px 12px;max-width:170px;position:relative;z-index:1}
.location-illustration{position:absolute;right:-7px;top:37px;font-size:175px;line-height:1;color:#b5e2c9a8;transform:rotate(-10deg)}
.category-and-comparison{display:grid;grid-template-columns:minmax(0,1fr) 392px;gap:17px}
.food-cat-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.food-category{min-width:0;display:flex;flex-direction:column;background:#fff;border:1px solid #e8eded;border-radius:10px;overflow:hidden;text-decoration:none;color:#131d22;box-shadow:0 2px 9px #142a1410}
.food-category:hover{border-color:#f79358;color:#163b2b}.food-category img{width:100%;height:65px;object-fit:contain;background:#f8f6f0;padding:1px}
.food-cat-bottom{display:flex;gap:6px;align-items:center;padding:4px 6px 6px;min-height:38px}.food-cat-emoji{font-size:19px;color:#ff6f22;line-height:1}
.food-cat-bottom>span{font-weight:800;font-size:11px;line-height:1.17;min-width:0}.food-cat-bottom small{display:block;font-size:9px;color:#267d50;font-weight:650;margin-top:2px}
.side-compare{min-height:265px;position:relative;overflow:hidden;border-radius:10px;background:#031e19;display:flex;align-items:center;padding:24px 19px;color:#fff}
.side-compare:before{content:'';position:absolute;inset:0;background:linear-gradient(95deg,#001b17 0%,#001914f0 47%,#00191400 100%);z-index:1}
.side-compare img{position:absolute;right:-90px;top:0;height:100%;width:100%;object-fit:contain;object-position:right}
.side-compare-text{z-index:2;position:relative;max-width:210px}
.side-compare .eyebrow{font-size:10px;color:#ffc58b;letter-spacing:.13em;margin:0 0 7px}
.side-compare h3{font-size:27px;line-height:1.08;color:white;margin:0 0 12px}
.side-compare p{font-size:11px;color:#f7f9f5;line-height:1.48;margin:0 0 14px}
.white-button{display:inline-block;background:#fff;border-radius:6px;color:#122129;text-decoration:none;padding:10px 18px;font-size:12px;font-weight:800}
.white-button:hover{background:#ffe3ca;color:#162829}
.home-tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.home-tool{position:relative;min-height:97px;overflow:hidden;border-radius:10px;border:1px solid #e7ebed;background:#ffede4;padding:13px 10px 10px;display:flex;gap:10px;align-items:flex-start}
.home-tool.sky{background:#e6f6fd}.home-tool.mint{background:#e8f6e7}.home-tool.lavender{background:#f0edff}
.home-tool>.round-icon{width:39px;height:39px;position:relative;z-index:2;background:#f55b38;font-size:21px}
.home-tool.sky>.round-icon{background:#199ac2}.home-tool.mint>.round-icon{background:#3f973a}.home-tool.lavender>.round-icon{background:#725bd4}
.home-tool>div{position:relative;z-index:2;max-width:175px}.home-tool h3{font-size:12px;line-height:1.25;margin:0 0 3px;font-weight:850}.home-tool p{font-size:10px;line-height:1.37;color:#46545d;margin:0 0 6px}
.light-pill{display:inline-block;border-radius:18px;background:#fff;color:#17212a;text-decoration:none;font-size:10px;font-weight:750;padding:3px 12px}
.home-tool>img{position:absolute;width:38%;height:78%;bottom:0;right:-3px;object-fit:contain;object-position:right bottom;mix-blend-mode:multiply}
.home-calculator{display:grid;grid-template-columns:.83fr 1.17fr;gap:32px;padding:26px;background:#f7faf7;border:1px solid #e0ede5;border-radius:16px;align-items:center}
.home-calculator h2{font-size:29px;margin:0 0 10px}.home-calculator>div:first-child>p:not(.eyebrow){color:#485b51;font-size:14px;line-height:1.75}
.home-calculator .eyebrow{font-size:11px;margin-bottom:8px}.disclosure{font-size:12px!important;font-weight:650}
.text-link{font-size:12px;font-weight:800;text-decoration:none;color:#00663f}.home-calc-panel{background:#fff;border-radius:13px;box-shadow:0 8px 28px #102a1512;border:1px solid #e3eae5;padding:20px}
.calc-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.calc-grid label{display:flex;flex-direction:column;gap:4px;font-size:11px;font-weight:800;color:#244033}
.calc-grid input{background:#fff;border:1px solid #dce6df;border-radius:7px;width:100%;min-width:0;height:37px;padding:7px;font-size:14px;color:#1b2f24}
.calc-actions{grid-column:1/-1;display:flex;gap:10px;align-items:center}.calc-actions button{border:0;background:#086a43;color:#fff;font-size:12px;font-weight:800;border-radius:7px;padding:10px 17px}.calc-actions .reset-calculator{background:#eff4ef;color:#224939}
.home-calc-panel .result-box{margin-top:12px;padding:12px}.home-calc-panel .result-box strong{font-size:20px}
.home-guides-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.home-guide{border:1px solid #e5eaec;border-radius:10px;overflow:hidden;background:white}
.home-guide>a{display:block;height:104px;background:#f7f5f1}.home-guide img{width:100%;height:100%;object-fit:contain;display:block}
.home-guide>div{padding:10px}.home-guide h3{font-size:12px;margin:0 0 6px;line-height:1.3;font-weight:850}.home-guide h3 a{text-decoration:none;color:#13242e}.home-guide p{font-size:10.5px;line-height:1.5;color:#536270;margin:0 0 8px}
.mini-guides{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.mini-guide{display:flex;position:relative;overflow:hidden;min-height:128px;background:#eaf5eb;border-radius:10px;text-decoration:none;color:#12292a;padding:13px;gap:10px;align-items:flex-start}.mini-pink{background:#fff0e9}.mini-purple{background:#f1efff}
.mini-guide .round-icon{font-size:18px;width:36px;height:36px;z-index:2}.mini-pink .round-icon{background:#ff5633}.mini-purple .round-icon{background:#7a61e2}
.mini-guide>div{z-index:2;position:relative;max-width:220px}.mini-guide h3{font-size:13px;font-weight:850;margin:0 0 4px}.mini-guide p{font-size:10.5px;color:#4a5864;line-height:1.45;margin:0 0 5px}.mini-guide b{font-size:10px;color:#005734}
.mini-guide>img{position:absolute;right:0;bottom:0;height:80%;width:42%;object-fit:contain;object-position:right bottom;opacity:.9;mix-blend-mode:multiply}
.home-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.home-steps>div{display:grid;grid-template-columns:40px 1fr;grid-template-rows:auto 1fr;column-gap:12px;padding:13px;border-radius:10px;border:1px solid #e2e9e7;min-height:105px}.home-steps .step-bubble{grid-row:1/3;border-radius:50%;background:#03663f;color:#fff;font-weight:800;width:37px;height:37px;display:grid;place-items:center;font-size:18px}.step-bubble.orange{background:#ff6e2a}.step-bubble.blue{background:#2675ed}.step-bubble.lime{background:#2c9a3f}
.home-steps h3{font-size:12px;margin:0 0 4px;font-weight:850}.home-steps p{font-size:10.5px;line-height:1.42;color:#5b6673;margin:0}
.home-editorial{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.8fr);gap:25px;padding:19px 0;border-top:1px solid #e9eeee;border-bottom:1px solid #e9eeee}
.home-editorial h2{font-size:23px;margin-bottom:9px}.home-editorial p{font-size:13px;line-height:1.7;color:#455764}
.home-editorial aside{border-radius:12px;background:#e9f5ed;padding:22px}.home-editorial aside h3{font-size:17px}.home-editorial ul{padding-left:19px;margin-bottom:0}.home-editorial li{font-size:12px;line-height:1.5;padding-bottom:7px}
.home-faq-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.home-faq-grid details{padding:13px;border-radius:9px;border:1px solid #e8ecec;background:#fff;align-self:stretch}.home-faq-grid summary{font-size:12px;line-height:1.4;font-weight:800;cursor:pointer}.home-faq-grid details p{font-size:11px;line-height:1.6;margin:11px 0 0;color:#536270}
.home-cta{position:relative;min-height:170px;display:grid;place-items:center;text-align:center;border-radius:13px;overflow:hidden;padding:23px;background:linear-gradient(90deg,#fcebdc,#fff,#f8e6dc)}
.home-cta .cta-photo{position:absolute;inset:0;opacity:.16;background:url('london-food-hero.webp') center 45%/cover}
.home-cta>div:last-child{z-index:1;position:relative}.home-cta h2{font-size:24px;margin:0 0 4px}.home-cta p{max-width:670px;font-size:12px;margin:0 auto 10px}.home-cta .orange-button{padding:9px 26px;font-size:12px}
.site-footer{background:#f6faf6;color:#2d463a;padding-top:40px;border-top:1px solid #e0e8e2}.site-footer .container{width:min(1480px,calc(100% - 52px))}.footer-brand{color:#075b3c}.site-footer h3{color:#1b3d2f}.site-footer a{color:#426653}.site-footer a:hover{color:#e65b31}.site-footer p,.footer-bottom{color:#547366}.footer-bottom{border-color:#d8e4dc}
/* Bring older content pages into the visual system while leaving their functionality in place. */
.page-hero{background:#e9f4ed}.page-hero h1{font-family:Arial,Helvetica,sans-serif}.restaurant-card,.guide-card,.feature-card,.panel{border-radius:12px}.card-content h3,.step h3{font-family:Arial,Helvetica,sans-serif}.section-head h2{font-family:Arial,Helvetica,sans-serif}
@media(max-width:1370px){.header-inner{gap:11px}.main-nav{gap:11px}.main-nav a{font-size:11px}.header-search{max-width:240px}.wide-container{width:min(100% - 36px,1480px)}.popular-area{grid-template-columns:minmax(0,1fr) 205px}.category-and-comparison{grid-template-columns:minmax(0,1fr) 350px}.side-compare h3{font-size:24px}.popular-card-grid{gap:8px}.location-panel h3{font-size:21px}}
@media(max-width:1080px){.header-search{display:none}.popular-area{grid-template-columns:1fr}.location-panel{min-height:130px}.location-panel h3 br{display:none}.location-panel p{max-width:none}.location-panel .green-button{max-width:220px}.category-and-comparison{grid-template-columns:1fr}.side-compare{min-height:210px}.home-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-calculator{grid-template-columns:1fr}.home-guides-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.site-header .container,.site-footer .container{width:min(100% - 28px,700px)}.header-inner{height:67px}.brand img{width:180px}.selected-hero{min-height:395px}.selected-hero-bg{background-image:linear-gradient(90deg,#07140fff,#07140ff0 56%,#0e26158a),url('london-food-hero.webp');background-size:100% 100%,cover;background-position:center,60% center}.hero-selected-inner{min-height:395px;padding:24px 0}.selected-copy h1{font-size:clamp(30px,7.5vw,43px)}.selected-copy>p:not(.hero-kicker){font-size:13px}.selected-search{max-width:570px}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-link{padding:10px}.quick-link:nth-child(2){border-right:0}.quick-link:nth-child(-n+2){border-bottom:1px solid #e6ece8}.wide-container{width:min(100% - 28px,700px)}.home-layout section{margin-bottom:29px}.home-titleline{align-items:start}.home-titleline h2{font-size:21px}.home-titleline p{font-size:12px}.popular-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.food-cat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-guides-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mini-guides{grid-template-columns:1fr}.home-faq-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-editorial{grid-template-columns:1fr}.calc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.selected-hero{min-height:440px}.hero-selected-inner{min-height:440px}.selected-copy h1{font-size:33px}.selected-copy>p:not(.hero-kicker){font-size:12px}.selected-search input{font-size:11px}.selected-search button{padding:10px 19px}.popular-chips strong{flex-basis:100%}.quick-link b{font-size:12px}.round-icon{width:34px;height:34px;font-size:19px}.quick-link small{font-size:10px}.home-titleline{flex-direction:column;gap:5px}.popular-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.food-cat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-tool-grid{grid-template-columns:1fr}.home-guides-grid{grid-template-columns:1fr 1fr}.home-steps,.home-faq-grid{grid-template-columns:1fr}.home-calc-panel{padding:14px}.calc-actions{flex-wrap:wrap}.side-compare{min-height:265px}}
@media(prefers-reduced-motion:reduce){.selected-hero-bg{transform:none}}