.pwa-install{--pwa-surface:#fff;--pwa-ink:#252736;--pwa-muted:#727789;--pwa-line:#eaecf2;--pwa-accent:#ed1460;--pwa-soft:#fff0f5;display:none;box-sizing:border-box;position:relative;z-index:0;width:100%;max-width:none;margin:24px auto;background:var(--pwa-surface);color:var(--pwa-ink);border-radius:18px;overflow:hidden;box-shadow:0 8px 24px #00000012;font:400 14px/1.45 Montserrat,sans-serif;text-align:left;flex-shrink:0}
.pwa-install *{box-sizing:border-box;font-family:Montserrat,sans-serif}
.pwa-install__heading{padding:20px 18px 0;display:flex;gap:12px;align-items:center}
.pwa-install__heading>div{min-width:0}
.pwa-install__icon{width:46px;height:46px;border-radius:14px;background:var(--pwa-soft);color:var(--pwa-accent);display:flex;align-items:center;justify-content:center;flex:none}
.pwa-install .pwa-install__title{font:700 19px/1.15 Montserrat,sans-serif;letter-spacing:-.5px;margin:0 0 4px;color:var(--pwa-ink)}
.pwa-install .pwa-install__subtitle{font:400 12px/1.45 Montserrat,sans-serif;margin:0;color:var(--pwa-muted)}
.pwa-install .pwa-install__instruction{padding:14px 18px 16px;font:400 13px/1.55 Montserrat,sans-serif;margin:0;color:var(--pwa-ink)}
.pwa-install__footer{border-top:1px solid var(--pwa-line);display:flex;align-items:center;justify-content:center;gap:6px;padding:11px 18px;font:400 11px/1.45 Montserrat,sans-serif;color:var(--pwa-muted)}
html:is(.theme-black,.noimagesblack) .pwa-install{--pwa-surface:#242426;--pwa-ink:#f5f5f7;--pwa-muted:#b3b4be;--pwa-line:#3b3b40;--pwa-accent:#ff367a;--pwa-soft:#38212c}
html.newwhite .pwa-install{--pwa-ink:#10283e;--pwa-muted:#677889;--pwa-line:#dce1e7;--pwa-accent:#ed0750;--pwa-soft:#e9edf1;border:1px solid #fff;box-shadow:7px 8px 20px #213d5b20,-4px -4px 14px #ffffff99}
html.newblack .pwa-install{--pwa-surface:#151517;--pwa-ink:#fafafa;--pwa-muted:#b2b2bd;--pwa-line:#303034;--pwa-accent:#ff3980;--pwa-soft:#301523;border:1px solid #353037;background:radial-gradient(ellipse at 100% 0,#5b113430,transparent 65%),var(--pwa-surface)}
.signature-shell .pwa-install{--pwa-surface:#123346;--pwa-ink:#f8f7ef;--pwa-muted:#bdd0d8;--pwa-line:#365466;--pwa-accent:#edcf91;--pwa-soft:#25495d;border-radius:16px;background:radial-gradient(ellipse at 100% 0,#376174,transparent 75%),var(--pwa-surface)}
.signature-shell .pwa-install__footer{background:#0e2c3e}
@media(max-width:767px){.pwa-install{display:block}}
.pwa-install.is-hidden{display:none!important}
@media(display-mode:standalone){.pwa-install{display:none!important}}
.pwa-install-grid{display:none}@media(max-width:767px){.pwa-install-grid{display:block}}

@media(max-width:767px){html[data-restaurant-theme='signature'] .pwa-install-grid.signature-container{width:calc(100% - 32px);max-width:none;padding-left:0;padding-right:0;margin-inline:auto}}

@media(max-width:767px){
 .pwa-install-grid{padding-top:16px;padding-bottom:16px;display:flow-root}
 .pwa-install-grid .pwa-install{margin-top:0;margin-bottom:0}
 .pwa-install-grid:has(.pwa-install.is-hidden){display:none}
 html body .pwa-install-grid + footer{margin-top:0}
}
/* Match the category grid's trailing 20px plus the banner's 16px top gap. */
@media(max-width:767px){.main:has(.catalog__category) + .pwa-install-grid{padding-bottom:36px}}