/* Welcome popup (inc/popup.php). */
.tata-popup{
  --tp-w:720px;
  width:min(var(--tp-w),calc(100vw - 2rem));max-width:none;max-height:calc(100dvh - 2rem);
  margin:auto;padding:0;border:0;background:transparent;overflow:visible;color:inherit;
}
.tata-popup::backdrop{background:rgba(16,23,45,.62);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.tata-popup[open]{animation:tata-popup-in .38s cubic-bezier(.2,.8,.2,1)}
.tata-popup[open]::backdrop{animation:tata-popup-fade .3s ease}
.tata-popup.is-closing{animation:tata-popup-out .22s ease forwards}
.tata-popup.is-closing::backdrop{animation:tata-popup-fade .22s ease reverse forwards}
@keyframes tata-popup-in{from{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:none}}
@keyframes tata-popup-out{to{opacity:0;transform:translateY(8px) scale(.98)}}
@keyframes tata-popup-fade{from{opacity:0}to{opacity:1}}

.tata-popup__box{position:relative;border-radius:14px;background:#fff;box-shadow:0 40px 90px -30px rgba(0,0,0,.6);overflow:hidden}
.tata-popup__media{display:block;line-height:0}
.tata-popup__media img{display:block;width:100%;height:auto;max-height:calc(100dvh - 2rem - var(--tp-foot,0px));object-fit:contain;background:#fff}
a.tata-popup__media{cursor:pointer}
a.tata-popup__media:focus-visible{outline:3px solid var(--brand,#243565);outline-offset:-3px}
.tata-popup__foot{--tp-foot:72px;display:flex;justify-content:center;padding:1rem;border-top:1px solid var(--line,#e3e7ef)}
.tata-popup__box:has(.tata-popup__foot) .tata-popup__media img{max-height:calc(100dvh - 2rem - 72px)}

.tata-popup__close{position:absolute;top:.6rem;right:.6rem;z-index:2;display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;
  background:rgba(255,255,255,.92);color:#1a2547;box-shadow:0 4px 14px rgba(0,0,0,.18);cursor:pointer;transition:transform .2s ease,background-color .2s ease}
.tata-popup__close svg{width:20px;height:20px}
.tata-popup__close:hover{background:#fff;transform:rotate(90deg)}
.tata-popup__close:focus-visible{outline:3px solid var(--brand,#243565);outline-offset:2px}

html.tata-popup-open{overflow:hidden}

@media (prefers-reduced-motion:reduce){
  .tata-popup[open],.tata-popup[open]::backdrop,.tata-popup.is-closing,.tata-popup.is-closing::backdrop{animation:none}
}