/* 1.1.1 scoped navigation presentation; existing forms and business UI stay intact. */
:root { --ct-nav-height: calc(72px + env(safe-area-inset-bottom, 0px)); --ct-nav-top: 80px; }
.ct-navigation-panel[hidden], .ct-navigation-bottom[hidden], .ct-navigation-backdrop[hidden] { display: none !important; }
body.ct-nav-ready .styles_J2CiH { z-index: 920; }
.ct-navigation-backdrop {
  position: fixed; inset: var(--ct-nav-top) 0 0; z-index: 925;
  display: block; width: 100%; border: 0; border-radius: 0;
  padding: 0; margin: 0; background: rgba(5,17,35,.25); cursor: default;
}
.ct-navigation-panel {
  position: fixed; left: 0; right: 0; top: var(--ct-nav-top); z-index: 930;
  background: var(--ct-surface, #fff); color: var(--ct-ink, #102b5d);
  border-bottom: 1px solid var(--ct-line, #d6e3ff);
  box-shadow: 0 18px 38px rgba(0,0,0,.12);
  max-height: calc(100vh - var(--ct-nav-top) - 20px);
  max-height: calc(100dvh - var(--ct-nav-top) - 20px);
  overflow-y: auto; overscroll-behavior: contain;
}
.ct-navigation-panel__inner { width: min(100%,1328px); margin: auto; padding: 22px 24px 26px; }
.ct-navigation-panel__header { position: sticky; top: 0; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 16px; padding-block: 6px; background: var(--ct-surface, #fff); }
.ct-navigation-panel__header h2 { margin: 0; color: inherit; font-size: 19px; font-weight: 750; line-height: 1.4; }
html body .ct-navigation-close {
  display: inline-flex; align-items: center; gap: 7px; flex: none;
  min-height: 44px; padding: 8px 12px; border: 1px solid var(--ct-line, #d6e3ff);
  border-radius: 10px; background: var(--ct-surface, #fff); color: var(--ct-ink, #102b5d);
  font: inherit; font-size: 13px; cursor: pointer;
}
.ct-navigation-close > span:first-child { font-size: 24px; line-height: 1; }
.ct-navigation-links { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 12px; }
html body .ct-navigation-link {
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 10px; min-width: 0; min-height: 100px; padding: 16px 12px;
  border: 1px solid var(--ct-line, #d6e3ff); border-radius: 14px;
  background: var(--ct-surface, #fff); color: var(--ct-ink, #102b5d);
  text-align: center; text-decoration: none; font-size: 14px; line-height: 1.45;
}
.ct-navigation-link svg { width: 25px; height: 25px; flex: none; }
.ct-navigation-link span { overflow-wrap: anywhere; }
html body .ct-navigation-link:is(:hover,[aria-current="page"]) { background: var(--ct-selected, #e8f1ff); border-color: var(--ct-blue, #3d83fa); color: var(--ct-blue-strong, #246fea); }
html body .ct-navigation-close:hover { background: var(--ct-selected, #e8f1ff); }
.ct-navigation-panel :is(a,button):focus-visible, .ct-navigation-bottom :is(a,button):focus-visible { outline: 3px solid var(--ct-blue, #3d83fa); outline-offset: 3px; }
.ct-navigation-bottom { display: none; }
@media (min-width:1280px) { .ct-navigation-links { grid-template-columns: repeat(9,minmax(0,1fr)); } }
@media (min-width:1024px) and (max-width:1199px) {
  .ct-navigation-links { gap: 10px; }
  .ct-navigation-link { font-size: 13px; }
}
@media (max-width:1023px) {
  body.ct-nav-mobile .styles_J2CiH .styles_pnrLA { display: none !important; }
  body.ct-nav-mobile .styles_55LaC { padding-bottom: calc(80px + var(--ct-nav-height)) !important; }
  body.ct-nav-mobile .crisp-client .ct-nav-chat-launcher { bottom: calc(var(--ct-nav-height) + var(--ct-nav-chat-bottom,14px)) !important; }
  body.ct-nav-mobile.ct-nav-open .crisp-client { display: none !important; }
  .ct-navigation-bottom {
    position: fixed; left: 0; right: 0; bottom: 0; z-index: 940;
    display: grid; grid-template-columns: repeat(5,minmax(0,1fr));
    height: var(--ct-nav-height); padding: 6px max(5px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(5px,env(safe-area-inset-left));
    border-top: 1px solid var(--ct-line, #d6e3ff);
    background: var(--ct-surface, #fff); color: var(--ct-ink, #102b5d);
    box-shadow: 0 -4px 24px rgba(0,0,0,.07);
  }
  html body :is(.ct-navigation-bottom__link,.ct-navigation-bottom__toggle) {
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    gap: 4px; min-width: 0; min-height: 48px; padding: 4px 2px;
    border: 0; border-radius: 9px; background: transparent; color: var(--ct-muted, #536b94);
    font: inherit; font-size: 10px; font-weight: 600; line-height: 1.2; text-align: center; text-decoration: none; cursor: pointer;
  }
  .ct-navigation-bottom :is(a,button) svg { width: 22px; height: 22px; flex: none; }
  .ct-navigation-bottom :is(a,button) span { max-width: 100%; overflow-wrap: anywhere; }
  html body .ct-navigation-bottom :is([aria-current="page"],[aria-expanded="true"]) { color: var(--ct-blue-strong, #246fea); background: var(--ct-selected, #e8f1ff); }
  .ct-navigation-backdrop { inset: 0 0 var(--ct-nav-height); }
  .ct-navigation-panel {
    left: max(10px,env(safe-area-inset-left)); right: max(10px,env(safe-area-inset-right));
    top: auto; bottom: calc(var(--ct-nav-height) + 8px); border: 1px solid var(--ct-line, #d6e3ff); border-radius: 20px;
    max-height: calc(100vh - var(--ct-nav-height) - 36px);
    max-height: calc(100dvh - var(--ct-nav-height) - 36px);
  }
  .ct-navigation-panel__inner { padding: 16px 14px 18px; }
  .ct-navigation-panel__header { margin-bottom: 10px; }
  .ct-navigation-panel__header h2 { font-size: 17px; }
  .ct-navigation-links { display: flex; flex-direction: column; gap: 5px; }
  html body .ct-navigation-link { flex-direction: row; justify-content: flex-start; gap: 12px; min-height: 52px; padding: 12px 14px; border-radius: 11px; text-align: start; }
  .ct-navigation-link svg { width: 23px; height: 23px; }
}
@media (max-width:380px) {
  html body :is(.ct-navigation-bottom__link,.ct-navigation-bottom__toggle) { font-size: 9px; }
  .ct-navigation-bottom :is(a,button) svg { width: 20px; height: 20px; }
}
@media (prefers-reduced-motion:reduce) { .ct-navigation-panel *, .ct-navigation-bottom * { transition: none !important; } }
