
#pwa-install-banner, #pwa-ios-banner { position: fixed !important; bottom: 0;  left: 0 !important; width: 100% !important; background-color: #ffffff !important; color: #2c3e50 !important;  padding: 16px 24px !important; box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.08) !important;  z-index: 999998 !important;  display: none; box-sizing: border-box !important; border-top: 1px solid #eef2f5 !important;  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important; transition: bottom 0.3s cubic-bezier(0.25, 1, 0.5, 1) !important; } .pwa-banner-container { display: flex !important; justify-content: space-between !important; align-items: center !important; max-width: 1140px !important; margin: 0 auto !important; width: 100% !important; } .pwa-text { font-size: 14px !important; font-weight: 400 !important; line-height: 1.5 !important; color: #2c3e50 !important; } .pwa-text strong { font-weight: 600 !important; color: #1a252f !important; } .pwa-buttons { display: flex !important; gap: 16px !important; align-items: center !important; } #pwa-btn-install { background-color: #1389bc !important;  color: #ffffff !important; border: none !important; padding: 8px 22px !important; font-size: 13px !important; font-weight: 500 !important; border-radius: 6px !important;  cursor: pointer !important; transition: background-color 0.15s ease !important; white-space: nowrap !important; } #pwa-btn-install:hover { background-color: #0f6f99 !important; } .pwa-close-x { background: transparent !important; color: #95a5a6 !important;  border: none !important; font-size: 24px !important; cursor: pointer !important; padding: 0 4px !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } .pwa-close-x:hover { color: #2c3e50 !important; } .ios-share-icon { display: inline-block !important; width: 14px !important; height: 14px !important; border: 2px solid #1389bc !important; border-radius: 3px !important; position: relative !important; vertical-align: middle !important; margin: 0 4px !important; } .ios-share-icon::before { content: '' !important; position: absolute !important; top: -4px !important; left: 4px !important; width: 2px !important; height: 8px !important; background: #1389bc !important; } .ios-share-icon::after { content: '' !important; position: absolute !important; top: -5px !important; left: 2px !important; width: 4px !important; height: 4px !important; border-top: 2px solid #1389bc !important; border-left: 2px solid #1389bc !important; transform: rotate(45deg) !important; } @media (max-width: 650px) { .pwa-banner-container { flex-direction: column !important; align-items: flex-start !important; gap: 12px !important; } .pwa-buttons { width: 100% !important; justify-content: flex-end !important; } }