.pwa-install-banner{position:fixed;bottom:20px;left:20px;right:20px;background:rgba(255,255,255,0.85);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,0.3);border-radius:20px;padding:20px;box-shadow:0 15px 35px rgba(0,0,0,0.15);z-index:10000;display:flex;align-items:center;gap:15px;transform:translateY(150%);transition:transform 0.5s cubic-bezier(0.175,0.885,0.32,1.275);} .pwa-install-banner.show{transform:translateY(0);} .pwa-icon-box{width:60px;height:60px;min-width:60px;border-radius:12px;overflow:hidden;box-shadow:0 4px 10px rgba(0,0,0,0.1);} .pwa-icon-box img{width:100%;height:100%;object-fit:cover;} .pwa-info{flex:1;} .pwa-info h3{margin:0;font-size:1.1rem;color:#2b2d42;font-family:'Outfit',sans-serif;} .pwa-info p{margin:4px 0 0;font-size:.85rem;color:#8d99ae;line-height:1.3;} .pwa-actions{display:flex;flex-direction:column;gap:8px;} .pwa-btn{padding:8px 16px;font-size:.9rem;font-weight:700;border-radius:50px;border:none;cursor:pointer;transition:all 0.2s ease;text-align:center;} .pwa-btn-install{background:linear-gradient(135deg,#FF6B6B,#FF8E8B);color:white;box-shadow:0 4px 12px rgba(255,107,107,0.3);} .pwa-btn-install:active{transform:scale(0.95);} .pwa-btn-close{background:transparent;color:#8d99ae;font-size:.8rem;font-weight:600;padding:4px 0;} .ios-install-tooltip{position:fixed;bottom:90px;left:50%;transform:translateX(-50%) translateY(20px);background:#2b2d42;color:white;padding:12px 18px;border-radius:15px;z-index:10001;font-size:.9rem;text-align:center;width:280px;box-shadow:0 10px 25px rgba(0,0,0,0.3);opacity:0;visibility:hidden;transition:all 0.4s ease;} .ios-install-tooltip.show{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);} .ios-install-tooltip::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #2b2d42;} .ios-share-icon{display:inline-block;width:24px;height:24px;vertical-align:middle;margin:0 4px;} @media (min-width:769px){.pwa-install-banner{max-width:420px;left:auto;right:30px;bottom:30px;padding:25px;}} @media (max-width:480px){.pwa-install-banner{bottom:15px;left:15px;right:15px;padding:15px;} .pwa-icon-box{width:50px;height:50px;min-width:50px;}}