.elco-pwa-install { position: fixed; inset-inline: 0; bottom: calc(0.85rem + env(safe-area-inset-bottom, 0px)); z-index: 1090; width: min(calc(100% - 1.5rem), 26rem); max-width: 26rem; margin-inline: auto; pointer-events: none; } body.has-mobile-bottom-nav .elco-pwa-install { bottom: calc(4.65rem + env(safe-area-inset-bottom, 0px)); } body.elco-admin .elco-pwa-install { bottom: calc(1rem + env(safe-area-inset-bottom, 0px)); } .elco-pwa-install__inner { display: flex; align-items: center; gap: 0.75rem; padding: 0.78rem 0.88rem; border-radius: 14px; background: linear-gradient(135deg, #0f1a32 0%, #162544 100%); border: 1px solid rgba(212, 175, 55, 0.28); box-shadow: 0 14px 40px rgba(8, 14, 28, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.06); pointer-events: auto; } .elco-pwa-install__icon { flex-shrink: 0; width: 2.75rem; height: 2.75rem; border-radius: 12px; object-fit: contain; background: rgba(255, 255, 255, 0.08); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08); } .elco-pwa-install__copy { display: flex; flex-direction: column; gap: 0.18rem; min-width: 0; flex: 1 1 auto; color: #fff; } .elco-pwa-install__title { font-size: 0.84rem; font-weight: 700; line-height: 1.3; } .elco-pwa-install__text { font-size: 0.72rem; line-height: 1.4; color: rgba(255, 255, 255, 0.78); } .elco-pwa-install__actions { display: inline-flex; align-items: center; gap: 0.45rem; flex-shrink: 0; } .elco-pwa-install__btn { border: 0; cursor: pointer; font: inherit; transition: transform 0.18s ease, background 0.22s ease, color 0.22s ease; } .elco-pwa-install__btn:active { transform: scale(0.96); } .elco-pwa-install__btn--primary { padding: 0.44rem 0.72rem; border-radius: 999px; background: linear-gradient(135deg, #d4af37 0%, #c9a227 100%); color: #0f1a32; font-size: 0.74rem; font-weight: 700; white-space: nowrap; } .elco-pwa-install__btn--ghost { display: inline-grid; place-items: center; width: 2rem; height: 2rem; border-radius: 999px; background: rgba(255, 255, 255, 0.08); color: rgba(255, 255, 255, 0.82); } @media (max-width: 991.98px) { .elco-pwa-install { width: min(100% - 1.3rem, 22rem); max-width: 22rem; } } @media (min-width: 992px) { .elco-pwa-install { width: min(100% - 2rem, 24rem); max-width: 24rem; bottom: calc(1.15rem + env(safe-area-inset-bottom, 0px)); } } body.kolbeh-body .elco-pwa-install__inner { background: linear-gradient(135deg, #ffffff 0%, #f5f0ff 100%); border: 1px solid rgba(124, 58, 237, 0.18); box-shadow: 0 14px 36px rgba(124, 58, 237, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.9); } body.kolbeh-body .elco-pwa-install__icon { background: #fff; box-shadow: 0 4px 14px rgba(124, 58, 237, 0.12); } body.kolbeh-body .elco-pwa-install__copy { color: #1f2937; } body.kolbeh-body .elco-pwa-install__title { color: #6d28d9; } body.kolbeh-body .elco-pwa-install__text { color: #6b7280; } body.kolbeh-body .elco-pwa-install__btn--primary { background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%); color: #1f2937; } body.kolbeh-body .elco-pwa-install__btn--ghost { background: rgba(124, 58, 237, 0.08); color: #6d28d9; }