.app-install{font:inherit;font-size:11px;font-weight:600;border:1px solid #a53e00;border-radius:8px;background:#f6f6f6;color:#8b3400;min-height:40px;padding:9px 12px;cursor:pointer}.app-install:hover{background:#e9e9e9}.app-install:focus-visible{outline:3px solid #a53e00;outline-offset:3px}.app-install[hidden]{display:none}#app-install-dialog{max-width:490px;max-height:calc(100dvh - 40px);overflow:auto}#app-install-dialog h2{font-size:24px}#app-install-dialog ol{padding-left:20px;font-size:13px;line-height:1.9}#app-install-dialog li+li{margin-top:12px}#app-install-dialog strong{color:#8b3400}#app-install-dialog .app-install{margin-top:18px}@media(display-mode:standalone){body{padding-bottom:env(safe-area-inset-bottom)}}

.app-install-banner{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:52px;border-width:0 0 1px;border-radius:0;font-size:13px;padding:8px 16px}
.app-install-banner svg{flex-shrink:0}
.app-install-banner:focus-visible{outline-offset:-4px}
.app-install-hint{font-size:11px;font-weight:400}
body:has(.app-install-banner:not([hidden])) .main-layout{height:calc(100dvh - 140px)}
@media(max-width:700px){body:has(.app-install-banner:not([hidden])) .main-layout{height:auto;min-height:calc(100dvh - 130px)}}
@media(max-width:480px){.app-install-hint{display:none}}

/* Keep installation within reach above maps and while scrolling. */
.app-install-banner{position:sticky;top:0;z-index:1100;min-height:56px;height:56px;background:#ff5f00;color:#242424;border-bottom:2px solid #c44900;font-size:16px;font-weight:700;box-shadow:0 3px 12px #8b340026}
.app-install-banner:hover{background:#c44900}
.app-install-banner:focus-visible{outline:3px solid #242424;outline-offset:-6px}
.app-install-hint{font-size:12px}
body:has(.app-install-banner:not([hidden])) .main-layout{height:calc(100dvh - 144px)}
#app-install-dialog{box-sizing:border-box;margin:auto;width:calc(100% - 32px);padding:28px;border:1px solid #dddddd;border-radius:16px;background:#fff;color:#3c2516;font-family:Poppins,sans-serif}
#app-install-dialog::backdrop{background:#3c251666}
#app-install-dialog p{font-size:13px;line-height:1.8;margin:16px 0}
@media(max-width:700px){body:has(.app-install-banner:not([hidden])) .main-layout{height:auto;min-height:calc(100dvh - 134px)}}
@media(max-width:480px){.app-install-banner{font-size:16px}}

@media(display-mode:standalone){.app-install-banner{display:none}}

/* The guide now stacks the hero and categories on every screen width. */
body:has(.app-install-banner:not([hidden])) .main-layout{height:auto}