.food-not-open{cursor:default!important;position:relative}.food-soon-label{display:block;font-size:10px;font-weight:800;line-height:1.3;color:#b74b00}.portal-food .food-soon-label{position:absolute;right:18px;top:18px;border-radius:30px;padding:8px 12px;background:#fff5e8;font-size:13px}.food-launch-ribbon{position:absolute;bottom:0;left:0;right:0;padding:15px 20px;background:#fff2de;color:#693505;text-align:center;font-size:13px;font-weight:800;border-top:1px solid #ffc98e}.portal-food.food-not-open .portal-card-content{padding-bottom:70px}.portal-food.food-not-open .portal-card-cta{visibility:hidden}.food-coming{font-family:system-ui;max-width:560px;margin:15vh auto;padding:28px;background:#fff4e6;border-radius:24px;color:#243b30}.food-coming h1{font-size:34px}.food-coming a{display:inline-block;margin:12px 12px 0 0;padding:12px;border-radius:12px;background:#cb5500;color:white;text-decoration:none}
.portal-food.food-not-open .portal-card-direction{visibility:hidden}
/* Keep the coming-soon caption inside the original navigation height. */
.store-mobile-nav button.food-not-open{grid-template-rows:20px 11px;align-content:center;padding-bottom:10px}
.store-mobile-nav button>.food-soon-label{position:absolute;bottom:0;left:0;right:0;font-size:8px!important;line-height:9px!important;font-weight:700;white-space:nowrap}
@media(max-width:760px){.store-mobile-nav{height:calc(55px + env(safe-area-inset-bottom));box-sizing:border-box}.store-mobile-nav button{min-height:44px;max-height:44px}}
/* Coming-soon screen only: presentation, no launch-state changes. */
body:has(> .food-coming){margin:0;min-height:100svh;background:radial-gradient(ellipse at 15% 0%,#ffe8cc 0,transparent 55%),#faf8f4;display:grid;place-items:center;padding:28px 18px;box-sizing:border-box}
.food-coming{position:relative;isolation:isolate;overflow:hidden;box-sizing:border-box;width:100%;max-width:960px;margin:0;padding:64px 48px 48px 52%;background:#fff;border:1px solid #eee3d6;border-radius:30px;color:#243b30;box-shadow:0 22px 70px #69350512;font-family:Arial,system-ui,sans-serif}
.food-coming::before{content:"";position:absolute;z-index:-1;inset:0 53% 0 0;background:linear-gradient(0deg,#30190720,#30190700),url('/static/images/portal/food-feast-720.webp') center/cover}
.food-coming>span{display:inline-flex;align-items:center;gap:8px;font-size:11px;letter-spacing:2px;font-weight:800;color:#a74606;background:#fff1df;padding:10px 13px;border-radius:30px}
.food-coming>span::before{content:"";width:7px;height:7px;border-radius:50%;background:#ef7817}
.food-coming h1{font-size:clamp(28px,3.5vw,40px);line-height:1.16;letter-spacing:-1.2px;margin:24px 0 16px;font-weight:800}
.food-coming p{font-size:15px;line-height:1.65;color:#68716b;margin:0 0 28px;max-width:36ch}
.food-coming a{box-sizing:border-box;display:flex;justify-content:center;align-items:center;width:100%;min-height:50px;margin:10px 0 0;padding:13px 16px;border-radius:14px;background:#d85500;color:#fff;font-size:14px;line-height:1.4;font-weight:700;box-shadow:0 6px 16px #d855001a;transition:background .15s,transform .15s}
.food-coming a+a{background:#fff;color:#70482e;border:1px solid #e8dfd5;box-shadow:none}
.food-coming a:hover{background:#ba4700;transform:translateY(-1px)}
.food-coming a+a:hover{background:#fff6eb}
.food-coming a:focus-visible{outline:3px solid #243b30;outline-offset:3px}
@media(max-width:640px){body:has(> .food-coming){padding:20px 16px}.food-coming{max-width:420px;padding:226px 24px 26px;border-radius:26px}.food-coming::before{inset:0 0 auto;height:204px;background-position:center 53%}.food-coming>span{font-size:10px;padding:8px 11px}.food-coming h1{font-size:30px;line-height:1.18;margin:17px 0 13px;letter-spacing:-.9px}.food-coming p{font-size:14px;line-height:1.6;margin-bottom:21px}.food-coming a{min-height:48px}}
@media(max-width:360px){.food-coming{padding:190px 20px 22px}.food-coming::before{height:170px}.food-coming h1{font-size:27px}}
@media(prefers-reduced-motion:reduce){.food-coming a{transition:none}}
/* Kahraman brand signature on the coming-soon card. */
.food-coming>span{background:transparent;padding:0;border-radius:0;font:900 15px Arial,system-ui,sans-serif;letter-spacing:-.3px;color:#182a25;gap:10px}
.food-coming>span::before{content:"K";display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#ff7b16,#ff5c00);color:#fff;font-size:22px;font-weight:950;box-shadow:0 5px 14px #ff6b0030}
/* Desktop: size text columns against the card, not the viewport. */
@media(min-width:641px){.food-coming{display:grid;grid-template-columns:1fr 1fr;column-gap:64px;padding:48px;align-content:center;min-height:480px}.food-coming>*{grid-column:2;min-width:0}.food-coming::before{background-image:linear-gradient(0deg,#30190720,#30190700),url('/static/images/portal/food-feast-1440.webp')}.food-coming>span{white-space:nowrap}.food-coming h1{font-size:38px}.food-coming p{max-width:none}}
@media(min-width:641px) and (max-width:900px){.food-coming{padding:32px;column-gap:42px;min-height:440px}.food-coming h1{font-size:30px}.food-coming>span{font-size:13px}}
