/* ======================================================================
   SLR site chrome. Own markup, own class names, no dependency on the page
   builder's internals, so a plugin update cannot silently break it.

   Shape: a floating bar with room above it, sitting over a hero that runs to
   the very top of the page. Submenus open as a mega panel on desktop and as
   an accordion inside a full-height sheet on mobile.
   ====================================================================== */

:root {
  --slr-nav-top: 34px;          /* the air above the floating bar */
  --slr-nav-h: 84px;            /* bar height, used to pad heroes */
  --slr-nav-max: 1400px;
}

.slr-skip {
  position: absolute; left: -9999px; top: 0; z-index: 400;
  background: #fff; color: #10263f; padding: 12px 18px; border-radius: 0 0 10px 0;
}
.slr-skip:focus { left: 0; }

/* ---------------- the bar ---------------- */
.slr-nav {
  position: fixed;
  inset-inline: 0;
  top: var(--slr-nav-top);
  z-index: 300;
  padding-inline: 20px;
  transition: top .22s ease;
}
.slr-nav__bar {
  max-width: var(--slr-nav-max);
  margin: 0 auto;
  min-height: var(--slr-nav-h);
  display: flex;
  align-items: center;
  gap: 18px;
  /* The same 20px at both ends: the ends are round, so the button at the right end needs as much room
     sideways as it has above and below, or it looks clipped by the curve (it had 12px until 2026-09-28). */
  padding: 10px 20px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .86);
  border: 1px solid rgba(255, 255, 255, .6);
  box-shadow: 0 14px 38px -22px rgba(12, 32, 58, .5);
  backdrop-filter: saturate(170%) blur(16px);
  -webkit-backdrop-filter: saturate(170%) blur(16px);
  transition: background .22s ease, box-shadow .22s ease, min-height .22s ease;
}
body.slr-head-scrolled .slr-nav { top: 10px; }
body.slr-head-scrolled .slr-nav__bar {
  background: rgba(255, 255, 255, .98);
  box-shadow: 0 16px 40px -22px rgba(12, 32, 58, .6);
}

.slr-nav__logo { display: flex; align-items: center; flex: 0 0 auto; }
.slr-nav__logo-img { display: block; height: 52px; width: auto; max-width: min(100%, 240px); object-fit: contain;
  filter: saturate(1.12) contrast(1.06); }
.slr-nav__logo-text { font-weight: 700; font-size: 18px; color: #10263f; }

.slr-nav__menu { flex: 1 1 auto; min-width: 0; }
.slr-nav__list {
  list-style: none; margin: 0; padding: 0;
  display: flex; align-items: center; justify-content: center; gap: 2px; flex-wrap: nowrap;
}
.slr-nav__item { position: static; }
.slr-nav__top {
  display: inline-flex; align-items: center; gap: 5px;
  padding: 10px 11px; border: 0; background: none; cursor: pointer;
  font: inherit; font-size: 14.5px; font-weight: 500; color: #1f3350;
  border-radius: 999px; white-space: nowrap; text-decoration: none;
  transition: background .16s ease, color .16s ease;
}
.slr-nav__top:hover, .slr-nav__item--has-panel.is-open > .slr-nav__top { background: rgba(16, 38, 63, .06); color: #0d2846; }
.slr-nav__chev { transition: transform .18s ease; opacity: .55; }
.slr-nav__item--has-panel.is-open .slr-nav__chev { transform: rotate(180deg); }

.slr-nav__actions { display: flex; align-items: center; gap: 10px; flex: 0 0 auto; }
.slr-nav__call {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 11px 18px; border-radius: 999px;
  background: #d9681e; color: #fff; font-size: 14px; font-weight: 600; text-decoration: none;
  white-space: nowrap; transition: transform .16s ease, box-shadow .16s ease, background .16s ease;
}
.slr-nav__call:hover { background: #c25a17; color: #fff; transform: translateY(-1px); box-shadow: 0 10px 22px -12px rgba(226, 128, 29, .9); }
.slr-nav__cta { /* a top-level menu item with the slr-cta class: always visible */
  display: inline-flex; align-items: center; padding: 11px 17px; border-radius: 999px;
  background: #1b4f96; color: #fff; font-size: 14px; font-weight: 600; text-decoration: none; white-space: nowrap;
  transition: background .16s ease, transform .16s ease;
}
.slr-nav__cta:hover { background: #163f78; color: #fff; transform: translateY(-1px); }
.slr-nav__cta-short { display: none; }

/* ---------------- mega panel ---------------- */
.slr-nav__panel {
  position: absolute; top: calc(100% + 12px); left: 50%; transform: translateX(-50%) translateY(-6px);
  width: min(1120px, calc(100vw - 44px));
  opacity: 0; visibility: hidden; pointer-events: none;
  transition: opacity .16s ease, transform .16s ease, visibility .16s;
}
.slr-nav__item--has-panel.is-open .slr-nav__panel { opacity: 1; visibility: visible; pointer-events: auto; transform: translateX(-50%) translateY(0); }
/* an invisible bridge over the gap between the bar and the panel, so the
   pointer is never "outside" on its way down */
.slr-nav__panel::before {
  content: ""; position: absolute; left: 0; right: 0; top: -16px; height: 16px;
}
.slr-nav__panel-inner {
  position: relative;
  background: #fff; border: 1px solid #eef2f7; border-radius: 22px; padding: 22px;
  box-shadow: 0 34px 74px -36px rgba(12, 32, 58, .6);
  overflow: hidden;
}
/* colour: a soft brand wash across the top of every panel, and a coloured
   marker on each link that fills on hover */
.slr-nav__panel-inner::before {
  content: ""; position: absolute; inset: 0 0 auto 0; height: 6px;
  background: linear-gradient(90deg, #1b4f96 0%, #2f7fd1 45%, #e2801d 100%);
}
.slr-nav__panel-inner::after {
  content: ""; position: absolute; right: -120px; top: -120px; width: 320px; height: 320px;
  border-radius: 50%; pointer-events: none;
  background: radial-gradient(closest-side, rgba(47, 127, 209, .10), transparent);
}
.slr-nav__grid {
  list-style: none; margin: 0; padding: 0;
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px 18px;
}
.slr-nav__grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.slr-nav__link { position: relative; display: block; padding: 12px 14px 12px 34px; border-radius: 13px; text-decoration: none; transition: background .14s ease; }
.slr-nav__link::before {
  content: ""; position: absolute; left: 14px; top: 18px; width: 9px; height: 9px; border-radius: 3px;
  background: #d8e6f7; box-shadow: inset 0 0 0 1.5px #2f7fd1; transition: background .14s ease, transform .14s ease;
}
.slr-nav__cell:nth-child(3n+2) .slr-nav__link::before { background: #fde9d6; box-shadow: inset 0 0 0 1.5px #e2801d; }
.slr-nav__cell:nth-child(3n+3) .slr-nav__link::before { background: #dcf3e7; box-shadow: inset 0 0 0 1.5px #2f9e6b; }
.slr-nav__link:hover { background: linear-gradient(120deg, #f2f7ff, #fff7f0); }
.slr-nav__link:hover::before { transform: scale(1.18); background: #2f7fd1; }
.slr-nav__cell:nth-child(3n+2) .slr-nav__link:hover::before { background: #e2801d; }
.slr-nav__cell:nth-child(3n+3) .slr-nav__link:hover::before { background: #2f9e6b; }
.slr-nav__link-t { display: block; font-size: 15px; font-weight: 600; color: #10263f; }
.slr-nav__link-d { display: block; margin-top: 4px; font-size: 13px; line-height: 1.5; color: #697080; }

/* ---------------- burger and mobile sheet ---------------- */
.slr-nav__burger { display: none; width: 44px; height: 44px; border: 0; background: rgba(16,38,63,.06); border-radius: 12px; cursor: pointer; align-items: center; justify-content: center; }
.slr-nav__burger-box { display: grid; gap: 4px; }
.slr-nav__burger-box span { display: block; width: 18px; height: 2px; background: #1f3350; border-radius: 2px; transition: transform .2s ease, opacity .2s ease; }
.slr-nav__burger[aria-expanded="true"] .slr-nav__burger-box span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
.slr-nav__burger[aria-expanded="true"] .slr-nav__burger-box span:nth-child(2) { opacity: 0; }
.slr-nav__burger[aria-expanded="true"] .slr-nav__burger-box span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }

@media (max-width: 960px) {
  .slr-nav__burger { display: inline-flex; }
  /* the menu leaves the row in this mode, so push the buttons to the right */
  .slr-nav__actions { margin-left: auto; }
  /* The logo gives way when the row is short of room, so the buttons keep their space at the round end
     (at 320px they were pushed 15px past it, at 375px and 430px squeezed; fixed 2026-09-28). It only
     shrinks where it has to, and proportionally. */
  .slr-nav__logo { flex: 0 1 auto; min-width: 0; }
  /* The bar's backdrop blur makes the bar the containing block for this fixed sheet (Chrome and Safari
     both), so the offset counts from the top of the bar: 10px below it. Until 2026-09-28 it also added
     the bar's distance from the top of the screen, which put the sheet 43px below the bar on tablets and
     ran it past the bottom of the screen. */
  .slr-nav__menu {
    position: fixed; inset: calc(var(--slr-nav-h) + 10px) 12px auto 12px;
    max-height: calc(100vh - var(--slr-nav-top) - var(--slr-nav-h) - 40px);
    /* the visible screen: on phones 100vh reaches under Safari's toolbar, which hid the end of long lists */
    max-height: calc(100dvh - var(--slr-nav-top) - var(--slr-nav-h) - 40px);
    overflow-y: auto; overscroll-behavior: contain; background: #fff; border-radius: 22px; padding: 10px;
    box-shadow: 0 30px 70px -30px rgba(12, 32, 58, .6);
    display: none;
  }
  body.slr-nav-open .slr-nav__menu { display: block; }
  .slr-nav__list { flex-direction: column; align-items: stretch; gap: 2px; }
  .slr-nav__top { width: 100%; justify-content: space-between; padding: 14px 16px; border-radius: 12px; font-size: 16px; }
  .slr-nav__panel { position: static; transform: none; width: auto; opacity: 1; visibility: visible; pointer-events: auto; display: none; }
  .slr-nav__item--has-panel.is-open .slr-nav__panel { display: block; transform: none; }
  .slr-nav__panel-inner { border: 0; box-shadow: none; padding: 4px 8px 10px; }
  .slr-nav__grid { grid-template-columns: 1fr; }
  .slr-nav__grid--3 { grid-template-columns: 1fr; }
  .slr-nav__link { padding: 11px 14px 11px 32px; }
  .slr-nav__link::before { top: 16px; }
  .slr-nav__link-d { display: none; }
  .slr-nav__call span { display: none; }
  .slr-nav__call { padding: 11px 13px; }
}
@media (max-width: 520px) {
  .slr-nav { padding-inline: 12px; --slr-nav-top: 12px; }
  .slr-nav__bar { padding-inline: 14px 16px; gap: 10px; }
  .slr-nav__logo-img { height: 48px; }
}

/* ---------------- how pages sit under the bar ----------------
   Pages whose first band is one of our heroes let the image run to the very
   top and simply pad their own content. Everything else gets the height of
   the bar as real space, so the header never covers content. */
body.slr-head-solid { padding-top: calc(var(--slr-nav-top) + var(--slr-nav-h) + 16px); }

/* !important because the page builder writes a per-element padding rule with
   higher specificity; this is scoped to our own hero class, not to any
   builder element ID, so it survives builder updates and template edits */
body.slr-head-overlay .slr-hero { padding-top: calc(var(--slr-nav-top) + var(--slr-nav-h) + 54px) !important; }
body.slr-head-overlay .slr-hm-hero .slr-hm-hero-inner { padding-top: calc(var(--slr-nav-top) + var(--slr-nav-h) + 70px); }

/* The same decision made by CSS alone, from the first paint. On a slow phone the script above
   arrives seconds after the page is drawn, and adding the classes then moved the whole page (the
   main cause of layout shift). Browsers without :has() still get the classes from the script. */
body.slr-chrome-on:not(:has(.slr-hero, .slr-hm-hero)) { padding-top: calc(var(--slr-nav-top) + var(--slr-nav-h) + 16px); }
body.slr-chrome-on:has(.slr-hero) .slr-hero { padding-top: calc(var(--slr-nav-top) + var(--slr-nav-h) + 54px) !important; }
body.slr-chrome-on:has(.slr-hm-hero) .slr-hm-hero .slr-hm-hero-inner { padding-top: calc(var(--slr-nav-top) + var(--slr-nav-h) + 70px); }

@media (prefers-reduced-motion: reduce) {
  .slr-nav, .slr-nav__bar, .slr-nav__panel, .slr-nav__call, .slr-nav__chev { transition: none; }
}

/* ---------------- one header ----------------
   The builder's header location is hidden only when our header is on the
   page (body.slr-chrome-on, set in PHP). If that wrapper class ever changes,
   the failure is a second header, never a missing one. */
body.slr-chrome-on .elementor-location-header { display: none !important; }

/* ---------------- the lead tile: each panel opens with its hub ---------------- */
.slr-nav__cell--lead { grid-row: span 2; }
.slr-nav__lead {
  position: relative; display: flex; flex-direction: column; gap: 6px; height: 100%;
  padding: 18px 18px 20px; border-radius: 16px; text-decoration: none; overflow: hidden;
  background: linear-gradient(145deg, #123a6e 0%, #1b4f96 55%, #2c6cc0 100%); color: #fff;
  transition: transform .18s ease, box-shadow .18s ease;
}
/* hover: a lighter wash fades in over the tile (a gradient cannot be transitioned itself) */
.slr-nav__lead::before {
  content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity .18s ease;
  background: linear-gradient(145deg, #1a4b88 0%, #2563b6 55%, #3b84dc 100%);
}
.slr-nav__lead::after {
  content: ""; position: absolute; right: -60px; bottom: -70px; width: 180px; height: 180px; border-radius: 50%;
  background: radial-gradient(closest-side, rgba(226, 128, 29, .45), transparent);
  transition: transform .3s ease;
}
.slr-nav__lead > span { position: relative; z-index: 1; }
/* The theme's base styles turn every hovered link dark blue and underlined, which vanished on this dark tile.
   These win over them, and the hover shows as light instead: the tile brightens and lifts, the orange glow grows
   and the arrow slides out in orange. Keyboard focus gets the same, plus a ring. */
header.slr-nav a.slr-nav__lead:hover, header.slr-nav a.slr-nav__lead:focus-visible { color: #fff; text-decoration: none; }
/* same for every link in the header and menus: each has its own hover (a wash, the dot, the button colors), and the
   theme's underline only drew a blue line under the menu titles and descriptions */
header.slr-nav a:hover, header.slr-nav a:focus { text-decoration: none; }
.slr-nav__lead:hover, .slr-nav__lead:focus-visible { transform: translateY(-2px); box-shadow: 0 18px 34px -18px rgba(18, 58, 110, .95); }
.slr-nav__lead:focus-visible { outline: 2px solid #fff; outline-offset: -5px; }
.slr-nav__lead:hover::before, .slr-nav__lead:focus-visible::before { opacity: 1; }
.slr-nav__lead:hover::after, .slr-nav__lead:focus-visible::after { transform: scale(1.45); }
.slr-nav__lead-k { font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: #ffc48a; }
.slr-nav__lead-t { font-size: 17px; font-weight: 700; line-height: 1.25; }
.slr-nav__lead-d { font-size: 13px; line-height: 1.5; color: rgba(255, 255, 255, .82); }
.slr-nav__lead-go { margin-top: auto; font-size: 18px; transition: transform .18s ease, color .18s ease; }
.slr-nav__lead:hover .slr-nav__lead-go, .slr-nav__lead:focus-visible .slr-nav__lead-go { transform: translateX(6px); color: #ffc48a; }
@media (prefers-reduced-motion: reduce) {
  .slr-nav__lead, .slr-nav__lead::before, .slr-nav__lead::after, .slr-nav__lead-go { transition: none; }
  .slr-nav__lead:hover, .slr-nav__lead:focus-visible { transform: none; }
}
@media (max-width: 960px) {
  .slr-nav__cell--lead { grid-row: auto; }
  .slr-nav__lead { padding: 14px 16px; }
  .slr-nav__lead-d, .slr-nav__lead-go { display: none; }
}

/* ---------------- tight layout: keep the full menu a little longer ----------------
   The fit check in slr-chrome.php adds body.slr-nav-tight when the items do not
   fit at full size: items close up and the call button drops to its icon. Only
   if they still do not fit does it switch to the burger (slr-nav-collapsed).
   Decided by measuring, not by a fixed width, so it keeps working when menu
   items are added, renamed or removed in Appearance > Menus. */
body.slr-nav-tight .slr-nav__bar { gap: 8px; padding-left: 16px; }
body.slr-nav-tight .slr-nav__logo-img { height: 44px; }
body.slr-nav-tight .slr-nav__list { gap: 0; }
body.slr-nav-tight .slr-nav__top { padding: 8px 8px; font-size: 13.5px; }
body.slr-nav-tight .slr-nav__pair .slr-nav__top { padding-right: 2px; }
body.slr-nav-tight .slr-nav__toggle { width: 20px; margin-right: 2px; }
body.slr-nav-tight .slr-nav__cta { padding-left: 14px; padding-right: 14px; }
body.slr-nav-tight .slr-nav__call { padding: 11px 13px; }
body.slr-nav-tight .slr-nav__call span { display: none; }

/* on small phones the CTA takes its short label and the call button its icon,
   so logo, CTA, call and burger all fit on one row */
@media (max-width: 520px) {
  .slr-nav__cta { padding: 10px 13px; font-size: 13px; }
  .slr-nav__cta-long { display: none; }
  .slr-nav__cta-short { display: inline; }
  .slr-nav__actions { gap: 6px; }
}
@media (max-width: 360px) {
  .slr-nav__logo-img { height: 40px; }
}

/* mobile sheet: the panel's decorative top strip and glow belong to the
   floating desktop panel; inside the accordion they collide with the lead
   tile, so the sheet gets a flat, even treatment */
@media (max-width: 960px) {
  .slr-nav__panel-inner::before, .slr-nav__panel-inner::after { display: none; }
  .slr-nav__panel-inner { padding: 2px 4px 10px; background: transparent; }
  .slr-nav__cell--lead { margin-bottom: 4px; }
  .slr-nav__lead {
    flex-direction: row; align-items: center; justify-content: space-between; gap: 10px;
    padding: 13px 16px; border-radius: 14px;
    background: linear-gradient(120deg, #eaf2fc, #fff4ea); color: #10263f; box-shadow: none;
  }
  .slr-nav__lead::before, .slr-nav__lead::after { display: none; }
  .slr-nav__lead-k { display: none; }
  .slr-nav__lead-t { font-size: 15px; font-weight: 700; color: #123a6e; }
  .slr-nav__lead-go { display: inline; margin: 0; color: #1b4f96; font-size: 16px; }
  /* the light row: hover deepens its wash and the arrow slides out in orange */
  .slr-nav__lead:hover, .slr-nav__lead:focus-visible { transform: none; box-shadow: none; background: linear-gradient(120deg, #d9e7f8, #ffe7d1); }
  .slr-nav__lead:focus-visible { outline-color: #1b4f96; }
  .slr-nav__lead:hover .slr-nav__lead-go, .slr-nav__lead:focus-visible .slr-nav__lead-go { color: #c25a17; }
}

/* ---------------- label link + chevron toggle ---------------- */
.slr-nav__pair { display: inline-flex; align-items: center; border-radius: 999px; transition: background .16s ease; }
.slr-nav__item--has-panel:hover .slr-nav__pair,
.slr-nav__item--has-panel.is-open .slr-nav__pair { background: rgba(16, 38, 63, .06); }
.slr-nav__pair .slr-nav__top { padding-right: 4px; background: none !important; }
.slr-nav__toggle {
  display: inline-flex; align-items: center; justify-content: center;
  width: 24px; height: 32px; margin-right: 4px; padding: 0; border: 0; background: none; cursor: pointer; color: #1f3350;
  border-radius: 999px;
}
.slr-nav__toggle:focus-visible, .slr-nav__top:focus-visible { outline: 2px solid #2f7fd1; outline-offset: 2px; }
@media (max-width: 960px) {
  .slr-nav__pair { display: flex; width: 100%; justify-content: space-between; }
  .slr-nav__pair .slr-nav__top { flex: 1 1 auto; padding: 14px 16px; }
  .slr-nav__toggle { width: 48px; height: 48px; margin: 0; background: rgba(16, 38, 63, .05); border-radius: 12px; }
  /* big enough to read as an arrow in the 48px box (at desktop size it looked like an empty grey box) */
  .slr-nav__toggle .slr-nav__chev { width: 15px; height: 15px; opacity: .8; }
  .slr-nav__item--has-panel:hover .slr-nav__pair { background: none; }
}

/* ---------------- mobile bar: bigger, brighter logo, full CTA label ----------------
   Over a dark hero the translucent bar washed the logo out, so on small
   screens the bar goes near-opaque. The call button moves into the sheet
   below 420px so the logo and "Verify insurance" get the room. */
@media (max-width: 960px) {
  .slr-nav__bar { background: rgba(255, 255, 255, .97); }
  .slr-nav__logo-img { height: 46px; max-width: min(100%, 200px); }
}
@media (max-width: 520px) {
  .slr-nav__cta-long { display: inline; }
  .slr-nav__cta-short { display: none; }
  .slr-nav__logo-img { height: 40px; max-width: min(100%, 160px); }
  .slr-nav__cta { padding: 10px 13px; font-size: 13px; }
}
@media (max-width: 420px) {
  .slr-nav__call { display: none; }
  .slr-nav__logo-img { height: 38px; max-width: min(100%, 146px); }
}
@media (max-width: 360px) {
  .slr-nav__logo-img { height: 32px; max-width: min(100%, 120px); }
  .slr-nav__cta { padding: 9px 11px; font-size: 12.5px; }
}
.slr-nav__sheet-call { display: none; }
@media (max-width: 420px) {
  .slr-nav__sheet-call {
    display: flex; align-items: center; justify-content: center; gap: 8px; margin: 4px 6px 10px;
    padding: 14px; border-radius: 14px; background: #d9681e; color: #fff; font-weight: 600; text-decoration: none;
  }
}

/* White text on the orange header buttons, whatever colour the theme gives
   links: header-scoped and element-qualified so a theme or kit link colour
   cannot out-rank it. */
header.slr-nav a.slr-nav__call, header.slr-nav a.slr-nav__call:visited, header.slr-nav a.slr-nav__call:hover,
header.slr-nav a.slr-nav__sheet-call, header.slr-nav a.slr-nav__sheet-call:visited { color: #fff; }
header.slr-nav a.slr-nav__call:hover, header.slr-nav a.slr-nav__sheet-call:hover { background: #c25a17; }

/* ---- footer links (every page): the theme's blue #4783bc is 4.0:1 on white and 3.7:1 on the footer's
   grey, under the 4.5:1 minimum for text. One step deeper: #2f6fa8 is 5.3:1 and 5.0:1. Every footer link
   sits on white or light grey (checked 2026-09-28), so the rule is safe footer-wide. ---- */
.elementor-location-footer a:not(.elementor-button):not([href^="tel:"]),
.elementor-location-footer a:not([href^="tel:"]) .elementor-icon-list-text{color:#2f6fa8}

/* ---------------- fit check: burger layout at any width ----------------
   GENERATED from the @media (max-width: 960px) blocks above by build_chrome_css.py.
   The inline fit check in slr-chrome.php adds body.slr-nav-collapsed when the menu
   items do not fit beside the logo and buttons (for example after a menu item is
   added in Appearance > Menus), and these rules then give the burger layout.
   Change the 960px rules and re-run the script rather than editing here. */
body.slr-nav-collapsed .slr-nav__burger { display: inline-flex; }
body.slr-nav-collapsed .slr-nav__actions { margin-left: auto; }
body.slr-nav-collapsed .slr-nav__logo { flex: 0 1 auto; min-width: 0; }
body.slr-nav-collapsed .slr-nav__menu { position: fixed; inset: calc(var(--slr-nav-h) + 10px) 12px auto 12px; max-height: calc(100vh - var(--slr-nav-top) - var(--slr-nav-h) - 40px); max-height: calc(100dvh - var(--slr-nav-top) - var(--slr-nav-h) - 40px); overflow-y: auto; overscroll-behavior: contain; background: #fff; border-radius: 22px; padding: 10px; box-shadow: 0 30px 70px -30px rgba(12, 32, 58, .6); display: none; }
body.slr-nav-collapsed.slr-nav-open .slr-nav__menu { display: block; }
body.slr-nav-collapsed .slr-nav__list { flex-direction: column; align-items: stretch; gap: 2px; }
body.slr-nav-collapsed .slr-nav__top { width: 100%; justify-content: space-between; padding: 14px 16px; border-radius: 12px; font-size: 16px; }
body.slr-nav-collapsed .slr-nav__panel { position: static; transform: none; width: auto; opacity: 1; visibility: visible; pointer-events: auto; display: none; }
body.slr-nav-collapsed .slr-nav__item--has-panel.is-open .slr-nav__panel { display: block; transform: none; }
body.slr-nav-collapsed .slr-nav__panel-inner { border: 0; box-shadow: none; padding: 4px 8px 10px; }
body.slr-nav-collapsed .slr-nav__grid { grid-template-columns: 1fr; }
body.slr-nav-collapsed .slr-nav__grid--3 { grid-template-columns: 1fr; }
body.slr-nav-collapsed .slr-nav__link { padding: 11px 14px 11px 32px; }
body.slr-nav-collapsed .slr-nav__link::before { top: 16px; }
body.slr-nav-collapsed .slr-nav__link-d { display: none; }
body.slr-nav-collapsed .slr-nav__call span { display: none; }
body.slr-nav-collapsed .slr-nav__call { padding: 11px 13px; }
body.slr-nav-collapsed .slr-nav__cell--lead { grid-row: auto; }
body.slr-nav-collapsed .slr-nav__lead { padding: 14px 16px; }
body.slr-nav-collapsed .slr-nav__lead-d,
body.slr-nav-collapsed .slr-nav__lead-go { display: none; }
body.slr-nav-collapsed .slr-nav__panel-inner::before,
body.slr-nav-collapsed .slr-nav__panel-inner::after { display: none; }
body.slr-nav-collapsed .slr-nav__panel-inner { padding: 2px 4px 10px; background: transparent; }
body.slr-nav-collapsed .slr-nav__cell--lead { margin-bottom: 4px; }
body.slr-nav-collapsed .slr-nav__lead { flex-direction: row; align-items: center; justify-content: space-between; gap: 10px; padding: 13px 16px; border-radius: 14px; background: linear-gradient(120deg, #eaf2fc, #fff4ea); color: #10263f; box-shadow: none; }
body.slr-nav-collapsed .slr-nav__lead::before,
body.slr-nav-collapsed .slr-nav__lead::after { display: none; }
body.slr-nav-collapsed .slr-nav__lead-k { display: none; }
body.slr-nav-collapsed .slr-nav__lead-t { font-size: 15px; font-weight: 700; color: #123a6e; }
body.slr-nav-collapsed .slr-nav__lead-go { display: inline; margin: 0; color: #1b4f96; font-size: 16px; }
body.slr-nav-collapsed .slr-nav__lead:hover,
body.slr-nav-collapsed .slr-nav__lead:focus-visible { transform: none; box-shadow: none; background: linear-gradient(120deg, #d9e7f8, #ffe7d1); }
body.slr-nav-collapsed .slr-nav__lead:focus-visible { outline-color: #1b4f96; }
body.slr-nav-collapsed .slr-nav__lead:hover .slr-nav__lead-go,
body.slr-nav-collapsed .slr-nav__lead:focus-visible .slr-nav__lead-go { color: #c25a17; }
body.slr-nav-collapsed .slr-nav__pair { display: flex; width: 100%; justify-content: space-between; }
body.slr-nav-collapsed .slr-nav__pair .slr-nav__top { flex: 1 1 auto; padding: 14px 16px; }
body.slr-nav-collapsed .slr-nav__toggle { width: 48px; height: 48px; margin: 0; background: rgba(16, 38, 63, .05); border-radius: 12px; }
body.slr-nav-collapsed .slr-nav__toggle .slr-nav__chev { width: 15px; height: 15px; opacity: .8; }
body.slr-nav-collapsed .slr-nav__item--has-panel:hover .slr-nav__pair { background: none; }
body.slr-nav-collapsed .slr-nav__bar { background: rgba(255, 255, 255, .97); }
body.slr-nav-collapsed .slr-nav__logo-img { height: 46px; max-width: min(100%, 200px); }