:root{--pwa-primary: #39b5ff;--pwa-bg: rgba(255, 255, 255, .95);--pwa-text: #333;--pwa-glass: rgba(255, 255, 255, .85);--pwa-shadow: 0 -4px 16px rgba(0, 0, 0, .1);--pwa-safe-area-bottom: env(safe-area-inset-bottom, 20px);--pwa-transition: all .3s cubic-bezier(.25, .8, .25, 1)}.pwa-install-prompt{position:fixed;bottom:0;left:0;width:100%;z-index:99999;transform:translateY(100%);transition:var(--pwa-transition);visibility:hidden;pointer-events:none}.pwa-install-prompt.visible{transform:translateY(0);visibility:visible;pointer-events:auto}.pwa-install-content{background:var(--pwa-glass);backdrop-filter:blur(25px) saturate(200%);-webkit-backdrop-filter:blur(25px) saturate(200%);border-top-left-radius:32px;border-top-right-radius:32px;box-shadow:0 -10px 40px #00000026;padding:28px 24px calc(24px + var(--pwa-safe-area-bottom));display:flex;flex-direction:column;gap:24px;max-width:600px;margin:0 auto;border-top:1px solid rgba(255,255,255,.4)}.pwa-install-header{display:flex;align-items:center;gap:16px;position:relative}.pwa-app-icon img{border-radius:16px;box-shadow:0 8px 16px #00000026;display:block;border:1px solid rgba(0,0,0,.05)}.pwa-install-text h3{margin:0 0 4px;font-size:18px;font-weight:600;color:var(--pwa-text)}.pwa-install-text p{margin:0;font-size:14px;color:#0009;line-height:1.4}.pwa-close-btn{position:absolute;top:-8px;right:-8px;background:none;border:none;padding:8px;color:#0006;cursor:pointer}.pwa-install-actions{display:flex;gap:12px}.pwa-btn{flex:1;padding:12px;border-radius:12px;font-size:16px;font-weight:500;border:none;cursor:pointer;transition:transform .1s}.pwa-btn:active{transform:scale(.98)}.pwa-btn--primary{background:var(--pwa-primary);color:#fff;box-shadow:0 4px 12px #39b5ff4d}.pwa-btn--secondary{background:#0000000d;color:var(--pwa-text)}.pwa-ios-instructions{background:#00000008;padding:16px;border-radius:12px;margin-top:8px;font-size:14px}.pwa-ios-instructions p{margin:0 0 8px;font-weight:500}.pwa-ios-instructions ol{margin:0;padding-left:20px}.pwa-ios-instructions li{margin-bottom:6px;line-height:1.5}.pwa-ios-instructions svg{vertical-align:middle;margin:0 4px;color:var(--pwa-primary)}.pwa-offline-banner{position:fixed;top:0;left:0;right:0;width:100%;z-index:100000;transform:translateY(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);pointer-events:none}.pwa-offline-banner.visible{transform:translateY(0)}.pwa-offline-content{background:#ff3b30f2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;padding:12px 16px;padding-top:calc(env(safe-area-inset-top) + 12px);display:flex;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:600;box-shadow:0 4px 12px #00000026}.top-notch-blur{position:fixed;top:0;left:0;right:0;height:var(--sat);min-height:20px;background:#fff9!important;backdrop-filter:blur(25px) saturate(200%)!important;-webkit-backdrop-filter:blur(25px) saturate(200%)!important;z-index:2147483647!important;pointer-events:none}.pwa-splash-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:#39b5ff;z-index:2147483647;display:none;align-items:center;justify-content:center;transition:opacity 1s ease-in-out,visibility 1s}@media all and (display-mode:standalone){.pwa-splash-screen{display:flex}}.pwa-splash-screen.hidden{opacity:0;visibility:hidden;pointer-events:none!important}.pwa-splash-screen.hidden .pwa-splash-content{opacity:0;transform:scale(.95);transition:opacity .4s ease-out,transform .4s ease-out}.pwa-splash-content{text-align:center;width:100%}.pwa-splash-content img{width:120px;height:auto;margin-bottom:12px;opacity:0;transform:scale(.5);animation:pwa-logo-enter .8s cubic-bezier(.19,1,.22,1) forwards;animation-delay:.1s;filter:none}.pwa-splash-slogan{color:#fff;font-size:18px;font-weight:700;letter-spacing:-.5px;opacity:0;transform:translateY(10px);animation:pwa-slogan-enter .8s cubic-bezier(.19,1,.22,1) forwards;animation-delay:.4s;text-shadow:0 2px 10px rgba(0,0,0,.1)}.pwa-splash-loader{display:none!important}@keyframes pwa-logo-enter{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes pwa-slogan-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(prefers-color-scheme:dark){.pwa-splash-screen{background:#121212}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/pwa-style.css.map */