/* Classic Tugan VR form: original typography, fields and pink CTA. */
.tugan-lead-lightbox { --fancybox-color: #fff; --fancybox-bg: #080619bf; }
.tugan-lead-lightbox .fancybox__backdrop {
  background: #080619bd;
  backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);
}
.tugan-lead-lightbox .fancybox__slide { padding: 20px 6px; }
body .popup.tugan-lead-popup {
  width: min(414px, calc(100vw - 12px)); max-width: 414px;
  padding: 52px 48px 28px; margin: auto;
  color: #fff; background: #1c1736;
  border: 1px solid #99aaff26; border-radius: 3px;
  box-shadow: 0 24px 90px #050310a6, 0 0 42px #6235c326;
  isolation: isolate; overflow: visible;
}
body .popup.tugan-lead-popup.fancybox__content {
  display: block !important; flex: 0 0 auto;
  animation: tugan-classic-arrive .35s ease-out both;
}
body .popup.tugan-lead-popup::before,
body .popup.tugan-lead-popup::after {
  content: ""; position: absolute; inset: 0; z-index: -1;
  border-radius: inherit; pointer-events: none;
}
body .popup.tugan-lead-popup::before {
  background:
    radial-gradient(ellipse at 0 3%, #087aa33b, transparent 48%),
    radial-gradient(ellipse at 100% 34%, #6725aa49, transparent 58%),
    radial-gradient(ellipse at 8% 100%, #762caf36, transparent 45%),
    linear-gradient(145deg, #171931d9, #27163dcc 52%, #18172fd9);
}
body .popup.tugan-lead-popup::after {
  opacity: .44;
  background-image:
    radial-gradient(circle at 13% 8%, #8decff 0 .6px, transparent 1.4px),
    radial-gradient(circle at 91% 17%, #e6c5ff 0 .6px, transparent 1.5px),
    radial-gradient(circle at 5% 37%, #5fc9ed 0 .5px, transparent 1.3px),
    radial-gradient(circle at 95% 47%, #c1b0ff 0 .5px, transparent 1.4px),
    radial-gradient(circle at 8% 68%, #d688f8 0 .7px, transparent 1.7px),
    radial-gradient(circle at 88% 85%, #72d7f8 0 .7px, transparent 1.7px),
    radial-gradient(circle at 36% 97%, #c6b1ff 0 .6px, transparent 1.5px);
  animation: tugan-classic-stars 6s ease-in-out infinite alternate;
}
.tugan-lead-popup .form { font-size: 18px; line-height: 1.4; }
.tugan-lead-popup .form-header { text-align: center; }
.tugan-lead-popup .form .form-head {
  font-size: 24px; font-weight: 700; line-height: 1.2;
  margin: 0 0 18px; letter-spacing: normal; text-align: center;
}
.tugan-lead-popup .form .form-desk {
  font-size: 18px; font-weight: 400; line-height: 1.4;
  margin: 18px 0 34px; color: #fff; text-align: center;
}
.tugan-lead-popup .form .form-group { margin: 8px auto 26px; }
.tugan-lead-popup .form .form-control {
  font-size: 18px; line-height: 1.3; padding: 20px 16px 16px;
}
.tugan-lead-popup .hideLabels .form-group > label { font-size: 18px; }
.tugan-lead-popup .hideLabels .mini-labels > label,
.tugan-lead-popup .hideLabels label.label-none,
.tugan-lead-popup .hideLabels .form-control:focus + label { font-size: 12px; }
.tugan-lead-popup .form .vr-consent-row,
.tugan-lead-popup .form .vr-consent-content { font-size: 18px; }
/* Shared by every lead popup: avoid stacked theme margins below the action. */
.tugan-lead-popup .form_block { margin-bottom: 0; }
.tugan-lead-popup .form .button__inner { margin: 24px 0 0; }
.tugan-lead-popup .form .button__inner .button { display: flex; margin: 0; }
.tugan-lead-popup .form .button__inner button[type="submit"] { font-size: 18px; line-height: 1.2; }
.tugan-lead-popup .form .button__inner button[type="submit"] > span { padding: 20px 26px; }
.tugan-lead-popup .form .button__inner button[type="submit"]::before { background: #28173c; }
.tugan-lead-popup .animate-top { opacity: 1; visibility: visible; transform: none; animation: none; }
.tugan-lead-popup [data-local-status] { margin-top: 20px; font-size: 16px; line-height: 1.45; color: #c8f2ff; }
/* Restyle Fancybox's existing close control; retain its click and keyboard behavior. */
.tugan-lead-popup > .f-button.is-close-btn {
  --f-button-width: 42px; --f-button-height: 42px;
  position: absolute; z-index: 5; top: 9px; right: 9px;
  width: 42px; height: 42px; padding: 0; opacity: 1;
  color: #def8ff; border: 0; border-radius: 0;
  clip-path: polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);
  background: linear-gradient(135deg,#5ce2f3aa,#7860d052 52%,#e72ad5b0);
  transition: background .25s,filter .25s,transform .25s;
}
.tugan-lead-popup > .f-button.is-close-btn::before {
  content: ""; position: absolute; inset: 1px; pointer-events: none;
  clip-path: polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);
  background: linear-gradient(135deg,#153347e8,#25173fe8);
}
.tugan-lead-popup > .f-button.is-close-btn::after {
  content: ""; position: absolute; inset: 5px; pointer-events: none;
  background: linear-gradient(#7beaff,#7beaff) left bottom / 8px 1px no-repeat,
    linear-gradient(#d77aff,#d77aff) right top / 8px 1px no-repeat;
  opacity: .75;
}
.tugan-lead-popup > .f-button.is-close-btn svg {
  position: relative; z-index: 1; width: 18px; height: 18px; stroke-width: 1.8;
  filter: drop-shadow(0 0 5px #43d7ff45); transition: transform .3s,color .25s;
}
.tugan-lead-popup > .f-button.is-close-btn:hover,
.tugan-lead-popup > .f-button.is-close-btn:focus-visible {
  color: #fff; background: linear-gradient(135deg,#6befff,#a384ff 52%,#ff63e7);
  filter: drop-shadow(0 0 8px #51d8ff55); outline: none;
}
.tugan-lead-popup > .f-button.is-close-btn:hover svg { transform: rotate(90deg); }
.tugan-lead-popup > .f-button.is-close-btn:focus-visible::before { inset: 3px; }
.tugan-lead-popup > .f-button.is-close-btn:active { transform: scale(.93); }
@keyframes tugan-classic-arrive { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }
@keyframes tugan-classic-stars { from { opacity: .28; } to { opacity: .6; } }
@media (max-width: 499px) {
  body .popup.tugan-lead-popup { padding: 52px clamp(24px, calc(20vw - 40px), 42px) 28px; }
}

/* Keep native validation tooltips within the narrow form. */
.tugan-lead-popup .tugan-lead-field > .message-error,
.tugan-lead-popup .tugan-lead-field > .message-tooltip { max-width: 100%; white-space: normal; overflow-wrap: anywhere; }

/* Keep the optional attachment control proportionate in extended forms. */
.tugan-lead-popup .tugan-lead-field:has(.inputfile) > label {
  display: inline-flex; align-items: center; justify-content: center;
  gap: 10px; min-height: 44px; max-width: 100%; cursor: pointer;
  color: #8fe4ff; font-size: 18px; line-height: 1.4;
}
.tugan-lead-popup .tugan-lead-field:has(.inputfile) > label svg {
  width: 18px; height: 22px; flex: 0 0 18px; fill: currentColor;
}
.tugan-lead-popup .tugan-lead-field:has(.inputfile) > label span { overflow-wrap: anywhere; }
.tugan-lead-popup .tugan-lead-field:has(.inputfile) > small {
  display: block; color: #aaa6c1; font-size: 14px; line-height: 1.5;
}
.tugan-lead-popup .tugan-lead-field:has(.inputfile:focus-visible) > label {
  outline: 2px solid #75e0ff; outline-offset: 3px;
}


/* Quiet version of the main site's stars, behind the form and its controls. */
.tugan-lead-popup > .tugan-lead-stars {
  position: absolute; inset: 0; z-index: -1;
  width: 100%; height: 100%; display: block;
  border-radius: inherit; pointer-events: none;
  opacity: .42;
}
