@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&family=Playfair+Display:ital,wght@1,600&display=swap');

#uvitaci-popup-overlay {
  position: fixed; inset: 0; z-index: 99999;
  background: rgba(0,0,0,0.65);
  display: flex; align-items: center; justify-content: center;
  padding: 16px;
  opacity: 0; transition: opacity 0.4s ease;
  pointer-events: none;
}
#uvitaci-popup-overlay.visible {
  opacity: 1; pointer-events: all;
}
#uvitaci-popup-box {
  position: relative;
  max-width: 400px; width: 100%;
  border-radius: 20px;
  padding: 36px 32px 28px;
  text-align: center;
  background: #1a1208;
  font-family: 'Poppins', sans-serif;
  color: #f5e6c8;
  box-sizing: border-box;
}
#uvitaci-popup-close {
  position: absolute; top: 14px; right: 14px;
  background: #b8924a33; border: 1px solid #b8924a66;
  border-radius: 50%; width: 30px; height: 30px;
  cursor: pointer; font-size: 15px; color: #f5e6c8;
  display: flex; align-items: center; justify-content: center;
  line-height: 1; padding: 0;
}
#uvitaci-popup-close:hover { background: #b8924a66; }

.up-brand-strip {
  display: flex; align-items: center; justify-content: center;
  gap: 10px; margin-bottom: 18px;
}
.up-brand-mawwal {
  font-size: 10px; letter-spacing: 2.5px; text-transform: uppercase;
  font-weight: 600; opacity: 0.55; color: #f5e6c8;
}
.up-brand-icandy {
  font-family: 'Playfair Display', serif; font-style: italic;
  color: #d4609a; font-size: 11px; letter-spacing: 1.5px; font-weight: 600;
}
.up-brand-dot { width: 3px; height: 3px; border-radius: 50%; background: #b8924a; opacity: 0.5; }

.up-star { font-size: 22px; margin-bottom: 14px; display: block; letter-spacing: 6px; }

.up-badge {
  display: inline-block;
  font-size: 10px; letter-spacing: 2px; text-transform: uppercase;
  padding: 5px 14px; border-radius: 20px; margin-bottom: 16px; font-weight: 600;
  background: #b8924a18; color: #b8924a; border: 1px solid #b8924a33;
}

.up-percent {
  font-size: 78px; font-weight: 700; line-height: 1;
  color: #b8924a; margin: 0 0 2px;
}
.up-subtitle {
  font-size: 12px; opacity: 0.5; margin: 0 0 18px;
  font-weight: 300; letter-spacing: 1.5px; text-transform: uppercase;
}
.up-desc {
  font-size: 13px; opacity: 0.6; line-height: 1.7; margin: 0 0 22px;
}

.up-code-wrap {
  background: #2a1e0a;
  border: 1px solid #b8924a44;
  border-radius: 12px; padding: 14px 20px;
  margin-bottom: 20px;
  display: flex; align-items: center; justify-content: center;
  position: relative;
}
.up-code {
  font-size: 26px; font-weight: 700; letter-spacing: 5px; color: #d4a955;
}
#up-copy-btn {
  position: absolute; right: 12px;
  background: #b8924a44; border: 1px solid #b8924a77;
  color: #d4a955; border-radius: 7px;
  width: 32px; height: 32px;
  cursor: pointer; display: flex; align-items: center; justify-content: center;
  padding: 0; transition: background 0.2s;
}
#up-copy-btn:hover { background: #b8924a77; }
#up-copy-btn.copied { color: #7ecf7e; border-color: #7ecf7e77; background: #7ecf7e22; }

.up-divider {
  height: 0.5px; background: #b8924a22; margin-bottom: 20px;
}

#up-ok-btn {
  display: block; width: 100%;
  padding: 13px; border-radius: 12px;
  font-size: 14px; font-weight: 600; letter-spacing: 0.5px;
  border: none; cursor: pointer;
  background: #b8924a; color: #1a1208;
  font-family: 'Poppins', sans-serif;
  box-sizing: border-box;
}
#up-ok-btn:hover { opacity: 0.85; }