/* Add-to-home-screen install nudge (Eatography palette: cream / ink / orange). */
.a2hs {
  position: fixed; left: 50%; bottom: calc(16px + env(safe-area-inset-bottom, 0px));
  transform: translate(-50%, 150%);
  width: calc(100% - 24px); max-width: 444px; z-index: 1300;
  background: #12100c; border: 1px solid #2a261f; border-radius: 14px;
  box-shadow: 0 12px 34px rgba(0, 0, 0, .45);
  color: #faf5ec; font-family: 'Space Grotesk', system-ui, sans-serif;
  padding: 12px; opacity: 0;
  transition: transform .34s cubic-bezier(.2, .8, .2, 1), opacity .34s ease;
}
.a2hs--show { transform: translate(-50%, 0); opacity: 1; }
.a2hs__row { display: flex; align-items: center; gap: 11px; }
.a2hs__logo { border-radius: 9px; flex: none; }
.a2hs__body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.a2hs__body > b { font-size: .86rem; font-weight: 700; }
.a2hs__body > span { font-size: .74rem; color: #c9bfae; line-height: 1.36; }
.a2hs__share { display: inline-flex; align-items: center; justify-content: center; vertical-align: -5px; width: 22px; height: 22px; border-radius: 5px; background: #0a84ff; color: #fff; margin: 0 2px; }
.a2hs__add { flex: none; appearance: none; border: none; cursor: pointer; background: #ff4d00; color: #12100c; font-weight: 800; font-size: .82rem; letter-spacing: .03em; padding: 11px 18px; border-radius: 10px; font-family: inherit; }
.a2hs__x { flex: none; appearance: none; border: none; background: transparent; color: #a89f92; font-size: 1.45rem; line-height: 1; cursor: pointer; width: 30px; height: 30px; border-radius: 8px; align-self: flex-start; }

.a2hs-sheet-wrap { position: fixed; inset: 0; z-index: 1400; opacity: 0; transition: opacity .3s ease; }
.a2hs-sheet-wrap--show { opacity: 1; }
.a2hs-sheet__backdrop { position: absolute; inset: 0; background: rgba(18, 16, 12, .55); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); }
.a2hs-sheet {
  position: absolute; left: 50%; bottom: 0; transform: translate(-50%, 100%);
  width: 100%; max-width: 520px;
  background: #faf5ec; color: #12100c; font-family: 'Space Grotesk', system-ui, sans-serif;
  border-radius: 20px 20px 0 0; border-top: 3px solid #12100c;
  box-shadow: 0 -12px 40px rgba(0, 0, 0, .35);
  padding: 8px 16px calc(20px + env(safe-area-inset-bottom, 0px));
  transition: transform .36s cubic-bezier(.2, .8, .2, 1);
}
.a2hs-sheet-wrap--show .a2hs-sheet { transform: translate(-50%, 0); }
.a2hs-sheet__grip { width: 38px; height: 5px; border-radius: 3px; background: rgba(18, 16, 12, .18); margin: 6px auto 12px; }
.a2hs-sheet__head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; }
.a2hs-sheet__head span { font-family: 'Anton', Impact, sans-serif; font-size: 1.2rem; letter-spacing: .02em; }
.a2hs-sheet__close { appearance: none; border: none; background: transparent; color: #ff4d00; font-size: .95rem; font-weight: 700; cursor: pointer; font-family: inherit; padding: 4px 2px; }
.a2hs-sheet__card { display: flex; align-items: center; gap: 13px; background: #fff; border: 1px solid #d9d0bf; border-radius: 14px; padding: 13px; }
.a2hs-sheet__icon { width: 60px; height: 60px; border-radius: 13px; flex: none; }
.a2hs-sheet__app { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.a2hs-sheet__app b { font-size: 1.15rem; font-weight: 700; }
.a2hs-sheet__app span { font-size: .82rem; color: #6b645a; }
.a2hs-sheet__feats { list-style: none; margin: 16px 4px; padding: 0; display: flex; flex-direction: column; gap: 13px; }
.a2hs-sheet__feats li { display: flex; align-items: center; gap: 12px; font-size: .9rem; }
.a2hs-sheet__fico { flex: none; width: 26px; text-align: center; font-size: 1.15rem; }
.a2hs-sheet__inst { color: #6b645a; font-size: .74rem; letter-spacing: .12em; text-transform: uppercase; font-weight: 700; margin: 6px 4px 12px; }
.a2hs-sheet__steps { list-style: none; margin: 0 4px; padding: 0; display: flex; flex-direction: column; gap: 14px; }
.a2hs-sheet__steps li { display: flex; align-items: center; gap: 12px; font-size: 1rem; line-height: 1.3; }
.a2hs-sheet__num { flex: none; width: 24px; height: 24px; border-radius: 50%; background: #12100c; color: #faf5ec; font-weight: 800; font-size: .8rem; display: inline-flex; align-items: center; justify-content: center; }
.a2hs-sheet__steps b { font-weight: 700; }
.a2hs-sheet__note { font-size: .82rem; background: rgba(255, 77, 0, .08); border: 1px solid rgba(255, 77, 0, .3); border-radius: 9px; padding: 9px 11px; margin: 0 4px 14px; line-height: 1.4; }
.a2hs-sheet__copy { appearance: none; border: 1px solid #d9d0bf; background: #fff; color: #12100c; font-family: inherit; font-size: .7rem; font-weight: 700; padding: 3px 9px; border-radius: 7px; margin-left: 6px; cursor: pointer; white-space: nowrap; }
@media (max-width: 380px) { .a2hs__body > b { font-size: .8rem; } .a2hs__body > span { font-size: .7rem; } .a2hs__add { padding: 10px 14px; } }
@media (prefers-reduced-motion: reduce) { .a2hs, .a2hs-sheet, .a2hs-sheet-wrap { transition: none; } }