.affiliate-popup[hidden] { display: none; }
.affiliate-popup { position: fixed; inset: 0; z-index: 20; display: grid; place-items: center; padding: 18px; }
.affiliate-popup-backdrop { position: absolute; inset: 0; background: rgba(23, 35, 31, .68); }
.affiliate-popup-card { position: relative; width: min(460px, 100%); padding: 30px; border: 1px solid var(--line); border-radius: 6px; background: var(--white); box-shadow: 0 24px 80px rgba(23, 35, 31, .28); text-align: center; }
.affiliate-popup-close { position: absolute; top: 10px; left: 12px; width: 34px; height: 34px; border: 1px solid var(--line); border-radius: 50%; color: var(--muted); background: transparent; cursor: pointer; font-size: 20px; line-height: 1; }
.affiliate-popup-close:hover { color: var(--ink); border-color: var(--green); }
.affiliate-popup-kicker { margin: 0 0 10px; color: var(--green); font: 700 11px Cairo, sans-serif; }
.affiliate-popup-card h2 { margin: 0 0 10px; font-size: 25px; }
.affiliate-popup-card p { margin: 0 0 22px; color: var(--muted); font-size: 13px; line-height: 1.9; }
.affiliate-popup-link { display: inline-flex; justify-content: center; width: 100%; padding: 14px 18px; border-radius: 3px; color: #fff; background: var(--green); text-decoration: none; font: 700 13px Cairo, sans-serif; }
.affiliate-popup-link:hover { background: #0e533a; }
.affiliate-popup-open { overflow: hidden; }