/* AuraSPA header menu enhancement (custom overlay, not Tilda).
   Everything is scoped under body.aura-hm-on (added by js/aura-header-menu.js)
   or to .aura-hm-* elements the JS injects, so the page is untouched until
   the enhancement is explicitly activated. */

:root{--aura-hm-grad:linear-gradient(0.125turn,rgba(198,78,78,1) 0%,rgba(73,97,193,1) 100%)}

/* NOTE: the sliding gradient pill is NATIVE to the Tilda header
   ("bg-menu-follower"). We do NOT add our own — that caused a duplicate. */

/* ---- A. desktop hover dropdown under "Программы" ---- */
.aura-hm-dd{
  position:fixed;z-index:100000;width:360px;
  background:rgba(13,12,14,.92);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  border:1px solid rgba(255,255,255,.12);border-radius:22px;
  box-shadow:0 30px 80px rgba(0,0,0,.55);padding:12px;
  opacity:0;visibility:hidden;transform:translateY(-8px);
  transition:opacity .22s ease,transform .22s ease,visibility .22s;
  font-family:'Aura',Arial,sans-serif;color:#fff;
}
.aura-hm-dd.open{opacity:1;visibility:visible;transform:none;}
.aura-hm-dd::before{content:"";position:absolute;top:-7px;left:var(--aura-hm-arrow,40px);width:14px;height:14px;background:rgba(18,16,20,.96);border-left:1px solid rgba(255,255,255,.12);border-top:1px solid rgba(255,255,255,.12);transform:rotate(45deg);}
.aura-hm-dd .hd{font-size:13px;font-weight:500;color:rgba(255,255,255,.62);padding:8px 16px 10px;}
.aura-hm-it{display:block;padding:13px 16px 13px 18px;border-radius:14px;text-decoration:none;color:#fff;position:relative;transition:background .2s;}
.aura-hm-it::before{content:"";position:absolute;left:0;top:11px;bottom:11px;width:3px;border-radius:3px;background:linear-gradient(180deg,#e8916e,#8aa0ee);opacity:0;transition:opacity .2s;}
.aura-hm-it:hover{background:linear-gradient(90deg,rgba(198,78,78,.14),rgba(73,97,193,.07));}
.aura-hm-it:hover::before{opacity:1;}
.aura-hm-it b{font-weight:400;font-size:16px;line-height:1.15;}
.aura-hm-it span{display:block;font-size:13px;color:rgba(255,255,255,.55);margin-top:2px;}
.aura-hm-it .arr{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:rgba(255,255,255,.4);font-size:18px;transition:color .2s;}
.aura-hm-it:hover .arr{color:#fff;}

/* ---- B. burger popup: nested subprograms under "Программы" ---- */
.aura-hm-sub{
  overflow:hidden;max-height:0;
  transition:max-height .4s cubic-bezier(.22,1,.36,1);
  font-family:'Aura',Arial,sans-serif;
}
.aura-hm-sub.open{max-height:520px;}
.aura-hm-sub__row{
  display:flex;align-items:center;gap:12px;
  padding:11px 6px 11px 18px;text-decoration:none;color:#fff;position:relative;border-radius:12px;
}
.aura-hm-sub__row:hover{background:rgba(255,255,255,.06);}
.aura-hm-sub__row .dot{flex:0 0 auto;width:7px;height:7px;border-radius:50%;background:linear-gradient(45deg,#c64e4e,#4961c1);}
.aura-hm-sub__row b{font-weight:400;font-size:17px;line-height:1.2;}
.aura-hm-sub__row small{display:block;font-size:12px;color:rgba(255,255,255,.5);margin-top:1px;}
/* caret next to "Программы" in the popup — a flex item inside the link, so it
   sits right after the text without affecting the text layout (no wrap/clip) */
.aura-hm-caret{flex:0 0 auto;margin-left:8px;font-size:.72em;line-height:1;opacity:.7;transition:transform .3s ease;}
.aura-hm-caret.open{transform:rotate(180deg);}