.nav-applications{position:relative;display:flex;align-items:center}
.nav-applications-toggle{position:relative;display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0;border:0;background:transparent;color:#364152;font-size:inherit;font-weight:inherit;line-height:1;white-space:nowrap}
.nav-applications-toggle:after{content:"";position:absolute;right:100%;bottom:-5px;left:0;height:2px;background:var(--blue);transition:right .2s ease}
.nav-applications:hover .nav-applications-toggle:after,.nav-applications:focus-within .nav-applications-toggle:after,.nav-applications.is-active .nav-applications-toggle:after{right:0}
.nav-applications-toggle>i{width:7px;height:7px;margin-top:-4px;border-right:2px solid #7a8497;border-bottom:2px solid #7a8497;transform:rotate(45deg);transition:transform .2s ease,margin .2s ease}
.nav-applications.is-open .nav-applications-toggle>i{margin-top:4px;transform:rotate(225deg)}
.nav-applications-panel{position:absolute;z-index:90;top:calc(100% + 13px);left:-20px;width:min(390px,calc(100vw - 32px));padding:10px;border:1px solid #e1e7f2;border-radius:20px;background:rgba(255,255,255,.98);box-shadow:0 24px 65px rgba(16,35,86,.18);opacity:0;visibility:hidden;transform:translateY(-8px);pointer-events:none;transition:opacity .18s ease,visibility .18s ease,transform .18s ease;white-space:normal;backdrop-filter:blur(18px)}
.nav-applications-panel:before{content:"";position:absolute;right:0;bottom:100%;left:0;height:16px}
.nav-applications.is-open .nav-applications-panel{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.nav-applications-heading{padding:8px 11px 9px;color:#7a8498;font-size:.66rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase}
.nav-applications-panel>a:not(.nav-applications-all){display:grid;grid-template-columns:42px minmax(0,1fr) 18px;gap:12px;align-items:center;padding:11px;border-radius:13px;color:#24304a;transition:background .18s ease,transform .18s ease}
.nav-applications-panel>a:not(.nav-applications-all):hover,.nav-applications-panel>a:not(.nav-applications-all):focus-visible{background:#f3f6ff;transform:translateX(2px);outline:0}
.nav-applications-panel a>span:nth-child(2){min-width:0}
.nav-applications-panel strong,.nav-applications-panel small{display:block}
.nav-applications-panel strong{font-size:.85rem;line-height:1.3;letter-spacing:-.01em}
.nav-applications-panel small{margin-top:2px;color:#758096;font-size:.68rem;font-weight:550;line-height:1.38}
.nav-applications-panel a>i{color:#8794b1;font-style:normal;font-weight:800;transition:transform .18s ease}
.nav-applications-panel a:hover>i{transform:translateX(2px)}
.nav-application-icon{display:grid!important;place-items:center;width:42px;height:42px;margin:0!important;border-radius:12px;font-size:1rem!important;font-weight:900}
.nav-application-store{background:#e9eeff;color:#2447c7}
.nav-application-case{background:#e5f7f1;color:#087f70}
.nav-application-booking{background:#fff0e8;color:#be562b}
.nav-applications-all{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:7px;padding:10px 12px 7px;border-top:1px solid #e5e9f2;color:var(--blue);font-size:.75rem;font-weight:820}

@media (hover:hover) and (min-width:1241px){
    .nav-applications:hover .nav-applications-panel{opacity:1;visibility:visible;transform:none;pointer-events:auto}
    .nav-applications:hover .nav-applications-toggle>i{margin-top:4px;transform:rotate(225deg)}
}

@media (max-width:1240px){
    .nav-applications{display:block;width:100%}
    .nav-applications-toggle{justify-content:space-between;width:100%;min-height:38px;padding:4px 0;text-align:left}
    .nav-applications-toggle:after{bottom:0}
    .nav-applications-panel{position:static;display:none;width:100%;margin:7px 0 4px;padding:7px;border-radius:15px;background:#f7f9fd;box-shadow:none;opacity:1;visibility:visible;transform:none;pointer-events:auto}
    .nav-applications.is-open .nav-applications-panel{display:block}
    .nav-applications-panel:before{display:none}
    .nav-applications-heading{padding-top:5px}
    .nav-applications-panel>a:not(.nav-applications-all){padding:9px}
    .nav-applications-panel small{font-size:.72rem}
}

@media (max-width:560px){
    .nav-applications-panel>a:not(.nav-applications-all){grid-template-columns:38px minmax(0,1fr) 15px;gap:10px}
    .nav-application-icon{width:38px;height:38px;border-radius:10px}
}