.popup-campaign-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:flex;align-items:center;justify-content:center;padding:0;box-sizing:border-box}.popup-campaign-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.6);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1;animation:backdropFadeIn 0.3s ease-out}@keyframes backdropFadeIn{from{opacity:0}to{opacity:1}}.popup-campaign-modal{position:relative;z-index:2;background:#fff;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,0.3),0 0 0 1px rgba(0,0,0,0.05);max-width:960px;width:min(96vw,960px);max-height:90vh;height:auto;margin:20px auto;overflow:hidden;animation:popupFadeIn 0.4s cubic-bezier(0.34,1.56,0.64,1);display:flex;flex-direction:column}@keyframes popupFadeIn{from{opacity:0;transform:scale(0.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.popup-campaign-close{position:absolute;top:6px;right:6px;background:rgba(255,255,255,0.9);border:none;border-radius:50%;width:36px;height:36px;min-width:36px;min-height:36px;font-size:20px;line-height:1;font-weight:700;color:#333;cursor:pointer;z-index:10;padding:0;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;box-shadow:0 2px 8px rgba(0,0,0,0.15)}.popup-campaign-close span{display:block;line-height:1;margin-top:-5px}.popup-campaign-close:hover{background:rgba(255,255,255,1);color:#000;transform:scale(1.1);box-shadow:0 4px 12px rgba(0,0,0,0.2)}.popup-campaign-close:active{transform:scale(0.95)}.popup-campaign-content{padding:0;overflow:hidden;flex:1;display:flex;flex-direction:column;max-height:90vh}.popup-campaign-image{margin:0;line-height:0;flex:1;display:flex;align-items:center;justify-content:center;max-height:90vh;overflow:hidden}.popup-campaign-image img{width:100%;height:auto;max-height:90vh;display:block;border-radius:16px 16px 0 0;object-fit:cover}.popup-campaign-image a{display:block;transition:opacity 0.2s ease}.popup-campaign-image a:hover{opacity:0.95}.popup-campaign-video{width:100%;position:relative;padding-bottom:56.25%;height:0;overflow:hidden;margin:0;background:#000;max-height:90vh;flex-shrink:0}.popup-campaign-video iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;border-radius:16px 16px 0 0}.popup-campaign-link{text-align:center;padding:20px;background:#f8f9fa;border-radius:0 0 16px 16px;flex-shrink:0}.popup-campaign-link .btn{padding:12px 32px;font-size:16px;font-weight:600;border-radius:8px;transition:all 0.3s ease;box-shadow:0 4px 12px rgba(0,0,0,0.15)}.popup-campaign-link .btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,0.2)}.popup-campaign-coupon-info{margin:0;padding:24px 20px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:0;color:#fff;text-align:center;box-shadow:inset 0 2px 10px rgba(0,0,0,0.1);flex-shrink:0}.coupon-badge{display:flex;flex-direction:column;align-items:center;margin-bottom:10px}.coupon-discount{font-size:36px;font-weight:bold;line-height:1;margin-bottom:5px}.coupon-label{font-size:14px;opacity:0.9;text-transform:uppercase;letter-spacing:1px}.coupon-code{margin:10px 0;padding:8px 15px;background:rgba(255,255,255,0.2);border-radius:4px;display:inline-block}.coupon-code code{background:rgba(255,255,255,0.3);padding:4px 8px;border-radius:4px;font-size:16px;font-weight:bold;color:#fff;margin-left:5px}.coupon-name{margin-top:10px;font-size:18px}@media (max-width:768px){.popup-campaign-container{padding:0}.popup-campaign-modal{max-width:95vw;width:95vw;max-height:95vh;border-radius:12px;margin:10px auto}.popup-campaign-content{max-height:95vh}.popup-campaign-image{max-height:95vh}.popup-campaign-image img{max-height:95vh}.popup-campaign-close{top:6px;right:6px;width:32px;height:32px;min-width:32px;min-height:32px;font-size:18px}.popup-campaign-image img,.popup-campaign-video iframe{border-radius:12px 12px 0 0}.popup-campaign-coupon-info{padding:20px 15px}.coupon-discount{font-size:28px}.popup-campaign-link{padding:15px}.popup-campaign-link .btn{padding:10px 24px;font-size:14px}}@media (max-width:480px){.popup-campaign-container{padding:0}.popup-campaign-modal{border-radius:10px;max-height:98vh;margin:5px auto}.popup-campaign-content{max-height:98vh}.popup-campaign-image{max-height:98vh}.popup-campaign-image img{max-height:98vh;border-radius:10px 10px 0 0}.popup-campaign-video iframe{border-radius:10px 10px 0 0}}