.modal{
  position:fixed; inset:0; z-index:1000;
  display:flex; align-items:center; justify-content:center;
  padding:20px;
}
.modal[hidden]{ display:none; }

.modal__overlay{
  position:absolute; inset:0;
  background:rgba(255,255,255,.7);
}

.modal__card{
  position:relative; z-index:1;
  max-height:calc(100vh - 40px);
  overflow:auto;
  animation:modalIn .2s ease;
}

.modal__close{
  position:absolute; top:14px; right:14px;
  width:24px; height:24px;
  display:flex; align-items:center; justify-content:center;
  font-size:24px; line-height:1;
  color:var(--dark-green);
  background:none; border:none; cursor:pointer;
  z-index:2;
}

/* Заголовок модалки — темно-зелений (як у макеті «Замовити сертифікат») */
.modal__card .question-form__title,
.modal__card .question-form__subtitle{ color:var(--dark-green); }

@keyframes modalIn{
  from{ opacity:0; transform:translateY(8px); }
  to{ opacity:1; transform:none; }
}