.app-promo:not([open]){display:none}
.app-promo{box-sizing:border-box;width:calc(100% - 2rem);max-width:26rem;max-height:calc(100vh - 2rem);max-height:calc(100dvh - 2rem);margin:auto;padding:2.4rem 1.8rem 1.4rem;border:1px solid #dfe6e1;border-radius:1.5rem;background:#f7f6ef;color:#16211d;text-align:center;box-shadow:0 24px 80px #052d2440;overflow:auto;font-family:inherit}
.app-promo::backdrop{background:rgba(5,31,24,.58)}
.app-promo-close{position:absolute;top:.5rem;right:.5rem;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:#073f32;font:2rem/1 system-ui;cursor:pointer}
.app-promo-close:hover{background:#e4eade}
.app-promo-icon{display:block;width:100px;height:100px;margin:0 auto 1.2rem;border-radius:1.1rem}
.app-promo-eyebrow{margin:0 0 .65rem;color:#12664f;font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.app-promo h2{margin:0;color:#073f32;font-size:clamp(1.7rem,6vw,2.05rem);line-height:1.12;letter-spacing:-.035em}
.app-promo #app-promo-description{margin:1rem 0 1.5rem;color:#53625a;font-size:1rem;line-height:1.55}
.app-promo-get{display:flex;align-items:center;justify-content:center;gap:.7rem;min-height:50px;padding:.75rem 1rem;border-radius:.8rem;background:#12664f;color:#fff;font-size:1rem;font-weight:800;text-decoration:none}
.app-promo-get:hover{background:#073f32}
.app-promo-continue{display:block;width:100%;min-height:44px;margin:.5rem 0 0;padding:.6rem;border:0;background:transparent;color:#53625a;font:inherit;font-size:.9rem;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.app-promo :is(a,button):focus-visible{outline:3px solid #be5817;outline-offset:3px}
html.myfood-app-promo-open{overflow:hidden}
@media(max-height:500px){.app-promo{padding:1.2rem 1.5rem .8rem}.app-promo-icon{width:60px;height:60px;margin-bottom:.6rem}.app-promo h2{font-size:1.5rem}.app-promo #app-promo-description{margin:.6rem 0 .8rem}}