.ukids-popup{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}
.ukids-popup[hidden]{display:none}
.ukids-popup__overlay{position:absolute;inset:0;background:rgba(34,31,27,.55);opacity:0;transition:opacity .25s ease}
.ukids-popup__box{position:relative;max-width:640px;width:100%;max-height:90vh;overflow:auto;
  background:#fbf6ef;border-radius:20px;box-shadow:0 24px 60px rgba(34,31,27,.35);
  transform:translateY(18px) scale(.97);opacity:0;transition:transform .25s ease,opacity .25s ease}
.ukids-popup.is-open .ukids-popup__overlay{opacity:1}
.ukids-popup.is-open .ukids-popup__box{transform:translateY(0) scale(1);opacity:1}
.ukids-popup__close{position:absolute;top:12px;right:12px;z-index:2;width:34px;height:34px;border-radius:50%;
  border:0;background:rgba(255,255,255,.9);color:#2f2a24;font-size:22px;line-height:1;cursor:pointer;
  display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.12);transition:background .15s}
.ukids-popup__close:hover{background:#fff}

/* карточка внутри попапа — своя раскладка (картинка сверху, без внешней рамки/тени карточки) */
.ukids-popup__box .ukids-cta{margin:0;border:0;box-shadow:none;background:transparent;flex-direction:column}
.ukids-popup__box .ukids-cta__img{flex:none;max-width:none;max-height:220px}
.ukids-popup__box .ukids-cta__body{padding:22px 26px 28px}
@media (max-width:600px){
  .ukids-popup__box{border-radius:16px}
  .ukids-popup__box .ukids-cta__img{max-height:160px}
  .ukids-popup__box .ukids-cta__body{padding:18px 18px 22px}
  .ukids-popup__box .ukids-cta__title{font-size:19px}
}