:root {--popup-ad-animation-duration:0.5s;--popup-ad-z-index:1060;--popup-ad-overlay-bg:rgba(0,0,0,0.75);--popup-ad-border-radius:24px;--popup-ad-header-height:60px;}
.popup-ad {display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--popup-ad-overlay-bg);z-index:var(--popup-ad-z-index);justify-content:center;align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:20px;animation:popup-ad-fade-in var(--popup-ad-animation-duration) ease-out;}
.popup-ad--visible {display:flex;}
.popup-ad__container {background-color:var(--c-white);border-radius:var(--popup-ad-border-radius);box-shadow:0 25px 50px -12px rgba(0,0,0,0.3),0 0 3px 1px rgba(0,0,0,0.05);max-width:90%;width:700px;overflow:hidden;position:relative;transform:scale(0.95) translateY(20px);animation:popup-ad-enter var(--popup-ad-animation-duration) cubic-bezier(0.175,0.885,0.320,1.275);transition:transform 0.3s ease,box-shadow 0.3s ease;border:1px solid rgba(255,255,255,0.2);}
.popup-ad__container:hover {transform:scale(1) translateY(0);box-shadow:0 30px 60px -15px rgba(0,0,0,0.4),0 0 5px 1px rgba(0,0,0,0.08);}
.popup-ad__close-btn {position:absolute;top:15px;right:15px;width:40px;height:40px;background-color:rgba(0,0,0,0.1);border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:all 0.3s ease;-webkit-backdrop-filter:blur(4px);}
.popup-ad__close-btn:hover {background-color:rgba(0,0,0,0.5);transform:rotate(90deg);}
.popup-ad__visual {position:relative;width:100%;height:400px;overflow:hidden;}
.popup-ad__image {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform 0.7s ease;}
.popup-ad__container:hover .popup-ad__image {transform:scale(1.05);}
.popup-ad__overlay {position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,rgba(0,0,0,0.01) 50%,rgba(0,0,0,0.8) 100%);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px 40px 0 40px;text-align:center;color:var(--c-white);}
.popup-ad__red-tag {position:absolute;top:0;right:0;background-color:#ff3b30;color:white;font-size:14px;font-weight:700;padding:8px 20px;transform:none;z-index:5;box-shadow:0 4px 12px rgba(255,59,48,0.4);border-bottom-left-radius:20px;}
.popup-ad__logo-area {position:absolute;top:20px;left:20px;z-index:5;text-align:left;}
.popup-ad__logo-container {display:flex;align-items:center;gap:2px;}
.popup-ad__logo {width:25px;height:25px;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,0.3);}
.popup-ad__logo-name {color:white;font-size:18px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,0.5);}
.popup-ad__slogan {color:white;font-size:12px;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,0.5);border-radius:4px;}
.popup-ad__qrcode-area {position:absolute;bottom:20px;left:20px;z-index:5;text-align:center;}
.popup-ad__qrcode {width:100px;height:100px;background-color:white;padding:5px;border-radius:8px;box-shadow:0 0 12px rgba(0,0,0,0.3);margin-bottom:8px;}
.popup-ad__qrcode-text {color:white;font-size:12px;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,0.5);border-radius:4px;}
.popup-ad__gradient-titles {text-align:center;margin-bottom:32px;}
.popup-ad__gradient-title {font-size:2.5rem;font-weight:800;margin:0 0 10px 0;line-height:1.2;background:linear-gradient(135deg,#ffd700,#ffb700,#ff9500);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;text-shadow:0 2px 8px rgba(255,183,0,0.4);}
.popup-ad__gradient-subtitle {font-size:2rem;font-weight:700;margin:0;background:linear-gradient(135deg,#ffed4e,#ffd700,#ffc107);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;text-shadow:0 1px 4px rgba(255,215,0,0.4);}
.popup-ad__features {display:flex;gap:12px;margin:0 0 32px 0;flex-wrap:wrap;justify-content:center;}
.popup-ad__feature-tag {background-color:rgba(255,255,255,0.1);padding:8px 16px;border-radius:30px;font-size:var(--font-size-sm);display:flex;align-items:center;gap:6px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:all 0.3s ease;border:1px solid rgba(255,255,255,0.1);color:white;}
.popup-ad__feature-tag:hover {background-color:rgba(255,255,255,0.2);transform:translateY(-2px);border-color:rgba(255,255,255,0.2);}
.popup-ad__actions {display:flex;gap:16px;justify-content:center;flex-wrap:wrap;}
.popup-ad__btn {padding:14px 32px;border-radius:30px;font-size:var(--font-size-base);font-weight:600;text-decoration:none;transition:all 0.3s ease;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:none;outline:none;box-shadow:0 4px 12px rgba(0,0,0,0.15);position:relative;overflow:hidden;z-index:1;min-width:120px;}
.popup-ad__btn--primary {background:var(--c-primary-linear);background-size:200% auto;color:var(--c-white);transform:translateY(0);transition:background-position 0.5s ease,transform 0.3s ease,box-shadow 0.3s ease;}
.popup-ad__btn--primary::before {content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);transition:left 0.5s ease;z-index:-1;}
.popup-ad__btn--primary:hover {background-position:right center;transform:translateY(-3px);box-shadow:0 8px 20px rgba(58,123,213,0.4);}
.popup-ad__btn--primary:hover::before {left:100%;}
.popup-ad__btn--secondary {background-color:rgba(255,255,255,0.1);color:var(--c-white);border:1px solid rgba(255,255,255,0.2);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:all 0.3s ease;}
.popup-ad__btn--secondary:hover {background-color:rgba(255,255,255,0.2);transform:translateY(-3px);box-shadow:0 6px 16px rgba(0,0,0,0.2);}
.popup-ad__footer {padding:5px 20px;background-color:var(--c-gray-light);display:flex;justify-content:center;align-items:center;border-top:1px solid rgba(0,0,0,0.05);}
.popup-ad__checkbox {display:flex;align-items:center;gap:8px;cursor:pointer;user-select:none;padding: 20px;}
.popup-ad__checkbox-input {display:none;}
.popup-ad__checkbox-custom {width:18px;height:18px;border:2px solid white;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;position:relative;}
.popup-ad__checkbox-input:checked + .popup-ad__checkbox-custom {background-color:var(--c-primary);border-color:var(--c-primary);}
.popup-ad__checkbox-input:checked + .popup-ad__checkbox-custom::after {content:'✓';color:var(--c-white);font-size:12px;font-weight:bold;}
.popup-ad__checkbox-label {font-size:var(--font-size-sm);color:white;cursor:pointer;transition:color 0.2s ease;}
.popup-ad__checkbox:hover .popup-ad__checkbox-label {color:var(--c-primary);}
@keyframes popup-ad-fade-in {from {opacity:0;}
to {opacity:1;}
}
@keyframes popup-ad-enter {from {opacity:0;transform:scale(0.9) translateY(30px);}
to {opacity:1;transform:scale(1) translateY(0);}
}
@keyframes popup-ad-gradient-shift {0% {background-position:0% 50%;}
50% {background-position:100% 50%;}
100% {background-position:0% 50%;}
}
.popup-ad__btn--primary {background-size:200% auto;transition:background-position 0.5s ease,all 0.3s ease;}
.popup-ad__btn--primary:hover {background-position:right center;}
.popup-ad__container::after {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(    45deg,transparent 0%,rgba(255,255,255,0.1) 50%,transparent 100%  );background-size:200% 200%;opacity:0;pointer-events:none;transition:opacity 0.3s ease;}
.popup-ad__container:hover::after {opacity:1;}
@keyframes popup-ad-shimmer {0% {background-position:-200% -200%;}
100% {background-position:200% 200%;}
}
@media (max-width:768px) {.popup-ad__container {width:100%;max-width:95%;border-radius:16px;}
.popup-ad__visual {height:350px;}
.popup-ad__overlay {padding:20px;}
.popup-ad__title {font-size:var(--font-size-xl);}
.popup-ad__subtitle {font-size:var(--font-size-lg);}
.popup-ad__discount {font-size:2.5rem;}
.popup-ad__countdown {top:10px;right:10px;padding:6px 12px;font-size:var(--font-size-xs);}
.popup-ad__countdown-label {display:none;}
.popup-ad__countdown-item {min-width:28px;}
.popup-ad__countdown-number {font-size:var(--font-size-base);}
.popup-ad__features {gap:8px;margin:12px 0 20px 0;}
.popup-ad__feature-tag {padding:6px 12px;font-size:var(--font-size-xs);}
}
@media (max-width:480px) {.popup-ad__countdown-badge {top:8px;right:8px;padding:4px 8px;}
.popup-ad__countdown-number {font-size:var(--font-size-sm);}
.popup-ad__countdown-unit {font-size:calc(var(--font-size-xs) - 0.1rem);}
.popup-ad__features {flex-direction:column;align-items:center;gap:6px;margin:10px 0 16px 0;}
.popup-ad__feature-tag {width:100%;max-width:220px;justify-content:center;}
}
@keyframes popup-ad-scale-in {from {transform:scale(0.9);opacity:0;}
to {transform:scale(1);opacity:1;}
}