/* Mockup-inspired overlapping hero and editorial meal tiles */
body main .hero{min-height:370px!important;padding:32px 36px!important;border-radius:0 0 24px 24px!important;background-image:linear-gradient(90deg,rgba(9,27,17,.85) 0%,rgba(11,32,20,.38) 47%,rgba(12,29,18,.06) 100%),url('/images/hero-food.jpg')!important;background-position:center center!important;background-size:cover!important;isolation:isolate}
body main .hero h1{font-size:clamp(34px,3.5vw,53px)!important;line-height:1.05;max-width:75%;text-shadow:0 2px 6px #0005;margin:12px 0 7px!important}
body main .hero p{font-size:18px!important;color:#fff!important;text-shadow:0 2px 5px #0009}
.hq-hero-weather{position:absolute;right:28px;top:22px;display:flex;gap:19px;color:white;align-items:center;z-index:2;text-shadow:0 2px 5px #0008}
.hq-hero-weather>div{display:flex;align-items:center;gap:9px}
.hq-hero-weather>div+div{border-left:1px solid #ffffff99;padding-left:18px}
.hq-hero-weather>div>span:first-child{font-size:27px;line-height:1}
.hq-hero-weather strong{display:block;font-size:17px;font-weight:850;white-space:nowrap}
.hq-hero-weather small{display:block;font-size:11px;color:white;text-align:right;white-space:nowrap}
#view:has(.hq-quick){position:relative;z-index:3}
#view .hq-search{position:relative;margin-top:-195px!important;margin-left:20px!important;margin-bottom:30px!important;display:block;width:min(565px,calc(100% - 40px))!important;background:#fff!important;border:1px solid #e2e9df!important;border-radius:30px!important;padding:16px 22px!important;box-shadow:0 4px 12px #0002;font-size:15px!important}
#view .hq-quick{position:relative;margin:0 8px 26px!important;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
#view .hq-quick button{overflow:hidden;min-width:0;border-radius:23px!important;border:2px solid #f8f8f4!important;background:linear-gradient(#fff,#faf9f6)!important;box-shadow:0 5px 14px #182b1918!important;padding:7px 7px 11px!important;color:#1d3827!important;transition:transform .15s,background .15s,border-color .15s}
#view .hq-quick button:hover{transform:translateY(-3px)}
#view .hq-quick button img{width:100%;height:102px!important;object-fit:contain!important;object-position:center!important;background:transparent;border-radius:16px;display:block}
#view .hq-quick button span{padding:7px 3px 0!important;font-size:14px!important;line-height:1.2;font-weight:850!important}
#view .hq-quick button.hq-selected-meal{background:linear-gradient(145deg,#356d48,#173e29)!important;border:3px solid white!important;outline:2px solid #2b603c;color:white!important}
#view .hq-quick button.hq-selected-meal span{color:white!important}
#view .hq-quick button.hq-selected-meal img{background:transparent}
@media(max-width:1100px){.hq-hero-weather{top:18px;right:18px}.hero h1{max-width:60%!important}#view .hq-quick button img{height:80px!important}}
@media(max-width:760px){body main .hero{min-height:310px!important;padding:20px!important}.hq-hero-weather{top:12px;right:12px;gap:8px}.hq-hero-weather strong{font-size:12px}.hq-hero-weather small{font-size:9px}.hq-hero-weather>div>span:first-child{font-size:17px}.hq-hero-weather>div+div{padding-left:8px}body main .hero h1{font-size:30px!important;max-width:100%;padding-top:53px}#view .hq-search{margin-top:-130px!important;margin-left:8px!important;width:calc(100% - 16px)!important}#view .hq-quick{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}#view .hq-quick button img{height:66px!important}#view .hq-quick button span{font-size:12px!important}}