.pwa-install-banner{position:fixed;bottom:calc(88px + env(safe-area-inset-bottom));left:16px;right:16px;background:#fff;border-radius:12px;box-shadow:0 6px 24px #29417b2e,0 2px 8px #29417b14;padding:16px;display:flex;align-items:center;justify-content:space-between;gap:12px;z-index:9998;transform:translateY(calc(100% + 32px));opacity:0;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s ease-out;will-change:transform,opacity}.pwa-install-banner--visible{transform:translateY(0);opacity:1}.pwa-install-banner__content{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.pwa-install-banner__icon{flex-shrink:0;width:40px;height:40px;background:linear-gradient(135deg,#c8a87d,#e6c896);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff}.pwa-install-banner__icon svg{width:24px;height:24px}.pwa-install-banner__text{flex:1;min-width:0}.pwa-install-banner__text strong{display:block;font-size:.9375rem;font-weight:700;color:#171717;margin-bottom:2px}.pwa-install-banner__text p{font-size:.8125rem;color:#777;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pwa-install-banner__actions{display:flex;align-items:center;gap:8px}.pwa-install-banner__dismiss{background:none;border:none;padding:6px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#777;cursor:pointer;border-radius:6px;transition:background .15s ease-out;-webkit-tap-highlight-color:transparent}.pwa-install-banner__dismiss:active{background:#77777714}.pwa-install-banner__dismiss svg{width:16px;height:16px}.pwa-install-banner__install{background:#29417b;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s ease-out,transform .15s ease-out;-webkit-tap-highlight-color:transparent}.pwa-install-banner__install:active{background:#1e2f59;transform:scale(.98)}@media (min-width: 769px){.pwa-install-banner{bottom:32px;left:auto;right:32px;max-width:400px}}@media (min-width: 769px) and (max-width: 1024px){.pwa-install-banner{bottom:24px;max-width:360px}}@media (max-width: 360px){.pwa-install-banner{padding:14px;gap:10px}.pwa-install-banner__icon{width:36px;height:36px}.pwa-install-banner__icon svg{width:20px;height:20px}.pwa-install-banner__text strong{font-size:.875rem}.pwa-install-banner__text p{font-size:.75rem}.pwa-install-banner__install{padding:6px 12px;font-size:.8125rem}}@media (prefers-color-scheme: dark){.pwa-install-banner{background:#2a2a2a;box-shadow:0 6px 24px #0006,0 2px 8px #0003}.pwa-install-banner__text strong{color:#fff}.pwa-install-banner__text p,.pwa-install-banner__dismiss{color:#b9b9b9}.pwa-install-banner__dismiss:active{background:#ffffff1a}.pwa-install-banner__install{background:#e6c896;color:#171717}.pwa-install-banner__install:active{background:#d4b684}}@media (prefers-reduced-motion: reduce){.pwa-install-banner{transition:opacity .2s ease-out}.pwa-install-banner--visible,.pwa-install-banner__install:active{transform:none}}.pwa-mode{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.pwa-mode .mobile-bottom-nav{bottom:env(safe-area-inset-bottom)}.offline-indicator{position:fixed;top:calc(env(safe-area-inset-top) + 8px);left:50%;transform:translate(-50%);background:#ffdd57;color:#171717;padding:8px 16px;border-radius:20px;font-size:.8125rem;font-weight:600;z-index:9999;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;gap:8px}.offline-indicator__icon{width:16px;height:16px}.offline-indicator__icon svg{width:100%;height:100%}.online .offline-indicator{display:none}
/*# sourceMappingURL=/cdn/shop/t/34/assets/mobile-pwa.css.map */