/* Floating Popup */
.popup-overlay{position:fixed;inset:0;background:rgba(10,22,40,.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:none;justify-content:center;align-items:center;z-index:3000;animation:popupFadeIn .4s ease}
.popup-overlay.active{display:flex}
@keyframes popupFadeIn{from{opacity:0}to{opacity:1}}
.popup-container{background:var(--white);border-radius:20px;max-width:550px;width:92%;max-height:85vh;overflow:hidden;position:relative;box-shadow:0 30px 100px rgba(0,0,0,.35),0 0 0 1px rgba(212,168,83,.2);animation:popupSlideIn .5s cubic-bezier(.34,1.56,.64,1)}
@keyframes popupSlideIn{from{transform:scale(.85) translateY(40px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}
.popup-header{background:linear-gradient(135deg,var(--deep-navy),var(--navy),var(--navy-light));padding:1.8rem 2rem;position:relative;overflow:hidden}
.popup-header::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at top right,rgba(212,168,83,.15) 0%,transparent 70%)}
.popup-header::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gold),var(--gold-light),var(--gold))}
.popup-header h3{color:#fff;font-size:1.4rem;font-weight:800;position:relative;z-index:1;text-align:center;line-height:1.5}
.popup-close{position:absolute;top:12px;left:12px;width:36px;height:36px;border:none;background:rgba(255,255,255,.1);color:#fff;border-radius:50%;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.25,.46,.45,.94);z-index:2;backdrop-filter:blur(5px)}
.popup-close:hover{background:rgba(231,76,60,.8);transform:rotate(90deg) scale(1.1)}
.popup-body{padding:2rem;overflow-y:auto;max-height:calc(85vh - 140px)}
.popup-body .popup-text{color:var(--text-dark,#1a1a2e);font-size:1.05rem;line-height:2;text-align:center}
.popup-body .popup-image{width:100%;max-height:250px;object-fit:cover;border-radius:12px;margin:1rem 0;border:2px solid rgba(212,168,83,.15);box-shadow:0 8px 30px rgba(0,0,0,.1)}
.popup-footer{padding:1rem 2rem 1.5rem;text-align:center;background:linear-gradient(to top,rgba(212,168,83,.03),transparent)}
.popup-footer .popup-btn{background:linear-gradient(135deg,var(--gold,#d4a853),var(--gold-dark,#b8922e));color:var(--deep-navy,#0a1628);border:none;padding:.8rem 2.5rem;border-radius:50px;cursor:pointer;font-weight:700;font-size:1rem;transition:all .4s cubic-bezier(.25,.46,.45,.94);font-family:'Cairo',sans-serif;box-shadow:0 5px 20px rgba(212,168,83,.3);display:inline-flex;align-items:center;gap:.5rem}
.popup-footer .popup-btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(212,168,83,.5)}
.popup-footer .popup-btn-secondary{background:transparent;color:var(--text-muted,#6b7280);border:2px solid #e5e7eb;margin-right:.8rem;box-shadow:none}
.popup-footer .popup-btn-secondary:hover{border-color:var(--gold,#d4a853);color:var(--gold-dark,#b8922e);box-shadow:none}
.popup-badge{display:inline-block;background:linear-gradient(135deg,var(--gold,#d4a853),var(--gold-dark,#b8922e));color:var(--deep-navy,#0a1628);font-size:.75rem;font-weight:700;padding:.3rem 1rem;border-radius:20px;margin-bottom:.8rem}
.popup-sparkle{position:absolute;width:6px;height:6px;background:var(--gold,#d4a853);border-radius:50%;pointer-events:none;animation:sparkle 1.5s ease-in-out infinite}
@keyframes sparkle{0%,100%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}
@media(max-width:768px){.popup-container{width:94%;max-height:85vh;border-radius:16px;margin:0 3%}.popup-header{padding:1.2rem 1.3rem}.popup-header h3{font-size:1.1rem;line-height:1.4}.popup-close{top:8px;left:8px;width:32px;height:32px;font-size:1rem}.popup-body{padding:1.2rem}.popup-body .popup-text{font-size:.95rem;line-height:1.8}.popup-body .popup-image{max-height:180px;border-radius:10px;margin:.8rem 0}.popup-footer{padding:.8rem 1.2rem 1rem}.popup-footer .popup-btn{padding:.7rem 1.8rem;font-size:.9rem}.popup-footer .popup-btn-secondary{margin-right:.5rem}}
@media(max-width:480px){.popup-container{width:96%;max-height:80vh;border-radius:14px}.popup-header{padding:1rem 1.2rem}.popup-header h3{font-size:1rem}.popup-body{padding:1rem}.popup-body .popup-text{font-size:.9rem}.popup-footer .popup-btn{padding:.6rem 1.5rem;font-size:.85rem;gap:.3rem}.popup-badge{font-size:.7rem;padding:.25rem .8rem}}