.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.6);z-index:9998;display:none;opacity:0;transition:opacity 0.3s ease}.popup-overlay.active{display:block;opacity:1}.popup-container{position:fixed;top:20px;right:20px;width:350px;background:#ffffff;border-radius:8px;box-shadow:0 4px 20px rgba(0, 0, 0, 0.3);z-index:9999;overflow:hidden;transform:translateX(400px);opacity:0;transition:transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55), opacity 0.4s ease 0.1s;will-change:transform, opacity;margin:20px;pointer-events:none}.popup-container.slide-in{transform:translateX(0);opacity:1;pointer-events:auto}.popup-close{position:absolute;top:10px;right:10px;width:30px;height:30px;background:rgba(0, 0, 0, 0.5);border:none;border-radius:50%;color:white;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10000;transition:background 0.3s, transform 0.2s}.popup-close:hover{background:rgba(0, 0, 0, 0.8);transform:scale(1.1)}.popup-close span{line-height:1}.popup-content{padding:0}.popup-image{width:100%;height:200px;overflow:hidden;background:#e0e0e0}.popup-image img{width:100%;height:100%;object-fit:cover;display:block}.popup-content > div{padding:15px;padding-bottom:0}.popup-content > div h2{font-size:22px;font-weight:600;color:#2c3e50;margin:0 0 10px 0;line-height:1.3}.popup-content > div p{font-size:14px;color:#555;line-height:1.6;margin:0 0 10px 0}.popup-content > div p:last-child{margin-bottom:0}.popup-content ul{padding-bottom:0 !important;margin-bottom:0 !important}.popup-cta{padding:15px;padding-bottom:15px !important}.popup-cta .btn{display:block;width:100%;text-align:center;text-decoration:none}@media (max-width: 768px){.popup-container{top:50%;right:50%;transform:translate(50%, -50%) translateX(400px);width:90%;max-width:350px;margin:0}.popup-container.slide-in{transform:translate(50%, -50%) translateX(0)}}@media (max-width: 480px){.popup-container{width:95%;max-height:90vh;overflow-y:auto}.popup-content > div h2{font-size:20px}.popup-content > div p{font-size:13px}}

.alert-bar{position:relative;width:100%;background-color:#4A90E2;color:#FFFFFF;z-index:9997;transform:translateY(-100%);transition:transform 0.3s ease;box-shadow:0 2px 8px rgba(0, 0, 0, 0.1)}.alert-bar.slide-down{transform:translateY(0)}.alert-bar-content{display:flex;align-items:center;justify-content:center;padding:12px 20px;max-width:100%;margin:0 auto;gap:15px;position:relative}.alert-bar-text{font-size:14px;line-height:1.5;margin:0;display:inline}.alert-bar-close{background:transparent;border:none;color:inherit;font-size:24px;line-height:1;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:opacity 0.3s ease, transform 0.2s ease;flex-shrink:0;position:absolute;right:20px;top:50%;transform:translateY(-50%)}.alert-bar-close:hover{opacity:0.7;transform:translateY(-50%) scale(1.1)}.alert-bar-content .btn{text-decoration:none;white-space:nowrap;display:inline-block;margin-left:15px}body.alert-bar-active .header{padding-top:0 !important;margin-top:0 !important}.alert-bar{margin-top:0 !important;padding-top:0 !important}@media (max-width: 768px){.alert-bar-content{flex-wrap:wrap;padding:10px 15px}.alert-bar-text{width:100%;margin-bottom:8px;font-size:13px}.alert-bar-content .btn{width:100%;text-align:center}.alert-bar-close{position:absolute;top:10px;right:15px}}@media (max-width: 480px){.alert-bar-content{padding:8px 12px}.alert-bar-text{font-size:12px;padding-right:30px}}