.geolocation-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.6);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;opacity:0;transition:opacity 0.3s ease}.geolocation-popup-overlay.active{opacity:1}.geolocation-popup{background:white;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,0.3);max-width:480px;width:100%;padding:32px;transform:scale(0.9) translateY(20px);transition:transform 0.3s ease}.geolocation-popup-overlay.active .geolocation-popup{transform:scale(1) translateY(0)}.geolocation-popup__header{text-align:center;margin-bottom:24px}.geolocation-popup__icon{color:#e74c3c;margin-bottom:16px;animation:pulse 2s infinite}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}.geolocation-popup__title{font-size:24px;font-weight:700;color:#2c3e50;margin:0;line-height:1.3}.geolocation-popup__body{margin-bottom:28px}.geolocation-popup__description{font-size:15px;color:#555;line-height:1.6;margin:0 0 20px 0;text-align:center}.geolocation-popup__benefits{list-style:none;padding:0;margin:0}.geolocation-popup__benefits li{display:flex;align-items:flex-start;gap:12px;padding:10px 0;font-size:14px;color:#444;line-height:1.5}.geolocation-popup__benefits li svg{flex-shrink:0;color:#27ae60;margin-top:2px}.geolocation-popup__footer{display:flex;gap:12px;flex-direction:column}.geolocation-popup__button{padding:14px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all 0.2s ease;width:100%}.geolocation-popup__button--primary{background:linear-gradient(135deg,#e74c3c 0%,#c0392b 100%);color:white;box-shadow:0 4px 12px rgba(231,76,60,0.3)}.geolocation-popup__button--primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(231,76,60,0.4)}.geolocation-popup__button--primary:active{transform:translateY(0)}.geolocation-popup__button--secondary{background:#ecf0f1;color:#555}.geolocation-popup__button--secondary:hover{background:#dfe6e9}@media (max-width:768px){.geolocation-popup{padding:24px;margin:20px}.geolocation-popup__title{font-size:20px}.geolocation-popup__description{font-size:14px}.geolocation-popup__button{padding:12px 20px;font-size:15px}}@media (max-width:480px){.geolocation-popup-overlay{padding:16px}.geolocation-popup{padding:20px}.geolocation-popup__title{font-size:18px}.geolocation-popup__icon{width:40px;height:40px}}@media (prefers-color-scheme:dark){.geolocation-popup{background:#2c3e50;color:#ecf0f1}.geolocation-popup__title{color:#ecf0f1}.geolocation-popup__description{color:#bdc3c7}.geolocation-popup__benefits li{color:#bdc3c7}.geolocation-popup__button--secondary{background:#34495e;color:#ecf0f1}.geolocation-popup__button--secondary:hover{background:#3e5468}}