/* vitalfit-modal-center-20260725c */
/* contain:layout, position:fixed overlay'leri sayfa kabina hapsediyordu */
.page-wrapper .page-container{contain:style}

.layout-container .modal-overlay{
  align-items:center;
  justify-content:center;
  padding:clamp(12px,3vh,28px) clamp(12px,3vw,28px);
  overflow:auto;
}
.layout-container .modal-overlay > .modal-content{
  margin:auto;
  max-height:min(88dvh,860px);
}

.layout-container .member-modal-overlay{
  background:radial-gradient(circle at 50% 0%,#2563eb2e,#0000 42%),#0f172a8c;
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
}
.layout-container .member-modal-overlay > .member-modal{
  width:min(1060px,100%);
  max-width:1060px;
  height:min(90dvh,760px);
  max-height:min(90dvh,760px);
  border:1px solid #2563eb2b;
  border-radius:26px;
  box-shadow:0 34px 90px #0f172a45,0 2px 0 #ffffff8f inset;
  animation:vfMemberModalIn .22s cubic-bezier(.2,.8,.2,1) both;
}
@keyframes vfMemberModalIn{
  from{opacity:0;transform:translateY(16px) scale(.985)}
  to{opacity:1;transform:none}
}
@media (prefers-reduced-motion:reduce){
  .layout-container .member-modal-overlay > .member-modal{animation:none}
}

.layout-container .member-modal .member-modal-header{
  position:sticky;
  top:0;
  z-index:5;
  align-items:flex-start;
  gap:16px;
  padding:20px 24px;
  background:linear-gradient(135deg,#2563eb1f,#06b6d414 60%,#ffffff00),var(--card-bg,#fff);
  border-bottom:1px solid #94a3b829;
}
.layout-container .member-modal .member-modal-header h3{
  margin:0;
  font-size:1.22rem;
  font-weight:700;
  letter-spacing:-.01em;
}
.layout-container .member-modal .member-modal-rail{
  background:linear-gradient(180deg,#f8fafcd9,#eef2f7b3);
  padding:22px 18px;
}
.layout-container .member-modal .member-modal-tabs{
  gap:6px;
  padding:14px 22px 0;
  background:var(--card-bg,#fff);
}
.layout-container .member-modal .member-modal-panel{
  padding:22px 24px 24px;
  scrollbar-gutter:stable;
}
.layout-container .member-modal .member-modal-footer{
  position:sticky;
  bottom:0;
  z-index:4;
  gap:10px;
  padding:16px 24px;
  box-shadow:0 -12px 26px #0f172a0f;
}

@media (width<=768px){
  .layout-container .member-modal-overlay{
    align-items:center;
    padding:12px;
  }
  .layout-container .member-modal-overlay > .member-modal{
    border-radius:22px;
    max-height:min(94dvh,940px);
  }
  .layout-container .member-modal .member-modal-header,
  .layout-container .member-modal .member-modal-panel,
  .layout-container .member-modal .member-modal-footer{
    padding-left:16px;
    padding-right:16px;
  }
}