/* ── UUDISKIRJA POPUP ── */
.bb-popup {
  position: fixed; inset: 0; z-index: 10000;
  display: none;
  align-items: center; justify-content: center;
}
.bb-popup.show { display: flex; }

.bb-popup__overlay {
  position: absolute; inset: 0;
  background: rgba(28,21,16,.55);
  opacity: 0; transition: opacity .35s ease;
}
.bb-popup.show .bb-popup__overlay { opacity: 1; }

.bb-popup__box {
  position: relative;
  background: var(--bb-cream, #F7F2EC);
  border-radius: var(--bb-radius-lg, 24px);
  box-shadow: var(--bb-shadow-lg, 0 24px 64px rgba(28,21,16,.16));
  max-width: 480px; width: calc(100% - 40px);
  padding: 48px 40px 40px;
  text-align: center;
  transform: translateY(24px) scale(.97);
  opacity: 0;
  transition: transform .35s ease, opacity .35s ease;
}
.bb-popup.show .bb-popup__box {
  transform: translateY(0) scale(1);
  opacity: 1;
}

.bb-popup__close {
  position: absolute; top: 14px; right: 16px;
  width: 32px; height: 32px; border-radius: 50%;
  border: none; background: rgba(28,21,16,.06);
  color: var(--bb-brown-dark, #1C1510);
  font-size: 20px; line-height: 1; cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  transition: background .2s;
}
.bb-popup__close:hover { background: rgba(28,21,16,.12); }

.bb-popup__title {
  font-family: 'Playfair Display', serif;
  font-size: 30px; font-weight: 500;
  color: var(--bb-brown-dark, #1C1510);
  margin: 10px 0 14px;
}

.bb-popup__desc {
  font-family: 'DM Sans', sans-serif;
  font-size: 14.5px; line-height: 1.7;
  color: var(--bb-text-muted, #8B7260);
  max-width: 360px; margin: 0 auto 28px;
}

.bb-popup .bb-newsletter__form { max-width: 380px; }

@media (max-width: 480px) {
  .bb-popup__box { padding: 40px 24px 32px; }
  .bb-popup__title { font-size: 24px; }
}