#fv-menu{position:fixed;inset:0;z-index:10000;pointer-events:none;font-family:Manrope,system-ui,sans-serif;color:#ecf6f1}
#fv-menu *{box-sizing:border-box}
#fv-menu .fv-toggle{pointer-events:auto;position:absolute;left:max(18px,env(safe-area-inset-left));top:max(18px,env(safe-area-inset-top));width:44px;height:44px;padding:12px;border:0;border-radius:12px;background:transparent;color:#c9d8d1;cursor:pointer;z-index:3;transition:transform 240ms,background 240ms}
#fv-menu .fv-toggle span{display:block;height:1.5px;width:20px;margin:4.5px 0;background:currentColor;transition:transform 240ms,opacity 240ms}
#fv-menu[data-open] .fv-toggle span:nth-child(1){transform:translateY(6px) rotate(45deg)}
#fv-menu[data-open] .fv-toggle span:nth-child(2){opacity:0}
#fv-menu[data-open] .fv-toggle span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
#fv-menu .fv-shade{position:absolute;inset:0;background:rgba(0,8,5,.48);opacity:0;visibility:hidden;transition:opacity 240ms,visibility 240ms}
#fv-menu .fv-drawer{position:absolute;inset:0 auto 0 0;width:min(84vw,312px);padding:94px 18px max(26px,env(safe-area-inset-bottom));background:#0c1713;border-right:1px solid #20332a;box-shadow:20px 0 70px #0003;transform:translateX(-105%);visibility:hidden;transition:transform 240ms,visibility 240ms;display:flex;flex-direction:column;overflow-y:auto}
#fv-menu[data-open] .fv-shade{opacity:1;visibility:visible;pointer-events:auto}
#fv-menu[data-open] .fv-drawer{transform:translateX(0);visibility:visible;pointer-events:auto;transition:transform 240ms,visibility 0s}
#fv-menu .fv-brand{font-size:22px;letter-spacing:.035em;font-weight:750;padding:0 14px;margin:0 0 36px}
#fv-menu .fv-brand span{color:#65dfae;font-weight:450}
#fv-menu nav{display:grid;gap:8px}
#fv-menu nav a{display:flex;align-items:center;gap:14px;min-height:54px;border-radius:12px;padding:14px;color:#d8e7df;text-decoration:none;font-size:16px;transition:background 200ms}
#fv-menu nav a svg{width:21px;height:21px;flex:none;stroke:#82a796;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
#fv-menu nav a:hover{background:#192c22}
#fv-menu .fv-note{margin:auto 14px 0;padding-top:40px;color:#8ca79a;font-size:13px;line-height:1.6}
#fv-menu :focus-visible{outline:2px solid #65dfae;outline-offset:3px}
@media(hover:hover){#fv-menu .fv-toggle:hover{transform:scale(1.06);background:#b2ffda12}}
@media(prefers-reduced-motion:reduce){#fv-menu *{transition:none!important}}


/* FORTE_MENU_BLACK_V2 */

/*
 * Neutral black drawer.
 * Slight transparency keeps a hint of the page behind it.
 */
#fv-menu .fv-drawer {
  background: rgba(0, 0, 0, 0.84) !important;

  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);

  border-right: 1px solid rgba(255, 255, 255, 0.07) !important;

  box-shadow:
    18px 0 55px rgba(0, 0, 0, 0.34) !important;
}

/* Darken the rest of the page only slightly when drawer is open */
#fv-menu .fv-shade {
  background: rgba(0, 0, 0, 0.24) !important;
}

/*
 * Brand/note are removed in JS.
 * Also hide them defensively if an old cached JS creates them.
 */
#fv-menu .fv-brand,
#fv-menu .fv-note {
  display: none !important;
}

/* FORTE_MENU_TRANSPARENCY_V3 */
#fv-menu .fv-drawer {
  /* 35% transparent = 65% black opacity */
  background: rgba(0, 0, 0, 0.65) !important;
}

/* FORTE_MENU_LIGHT_HOVER_V4 */
#fv-menu .fv-drawer :is(a, button, [role="button"], .fv-menu-item):hover,
#fv-menu .fv-drawer :is(a, button, [role="button"], .fv-menu-item):focus-visible {
  background: rgba(255, 255, 255, 0.10) !important;
  color: rgba(255, 255, 255, 0.96) !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  box-shadow: none !important;
  outline: none !important;
}

/* убрать зелёные hover-эффекты у текста/иконок */
#fv-menu .fv-drawer :is(a, button, [role="button"], .fv-menu-item):hover *,
#fv-menu .fv-drawer :is(a, button, [role="button"], .fv-menu-item):focus-visible * {
  color: rgba(255, 255, 255, 0.96) !important;
  stroke: currentColor !important;
  fill: none !important;
}

/* если в теме есть зелёные underline / before / after */
#fv-menu .fv-drawer :is(a, button, [role="button"], .fv-menu-item):hover::before,
#fv-menu .fv-drawer :is(a, button, [role="button"], .fv-menu-item):hover::after,
#fv-menu .fv-drawer :is(a, button, [role="button"], .fv-menu-item):focus-visible::before,
#fv-menu .fv-drawer :is(a, button, [role="button"], .fv-menu-item):focus-visible::after {
  background: rgba(255, 255, 255, 0.12) !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  box-shadow: none !important;
}

/* на всякий случай прибиваем старый зелёный hover/current */
#fv-menu .fv-drawer :is(a, button, [role="button"], .fv-menu-item):hover,
#fv-menu .fv-drawer :is(a, button, [role="button"], .fv-menu-item):focus-visible {
  --accent: rgba(255,255,255,0.96) !important;
  --hover-accent: rgba(255,255,255,0.96) !important;
  --menu-accent: rgba(255,255,255,0.96) !important;
}

/* FORTE_MENU_ICON_OUTLINE_V5 */

/* SVG icons must always stay outline-only */
#fv-menu .fv-drawer nav a svg,
#fv-menu .fv-drawer nav a svg * {
  fill: none !important;
}

/* Hover: light outline, never solid white fill */
#fv-menu .fv-drawer nav a:hover svg,
#fv-menu .fv-drawer nav a:focus-visible svg,
#fv-menu .fv-drawer nav a:hover svg *,
#fv-menu .fv-drawer nav a:focus-visible svg * {
  fill: none !important;
  stroke: rgba(255, 255, 255, 0.92) !important;
}

/* FORTE_MENU_ICON_FINAL_V6 */

/* Icons always stay contour-only */
#fv-menu .fv-drawer nav a svg,
#fv-menu .fv-drawer nav a svg *,
#fv-menu .fv-drawer nav a:hover svg,
#fv-menu .fv-drawer nav a:hover svg *,
#fv-menu .fv-drawer nav a:focus-visible svg,
#fv-menu .fv-drawer nav a:focus-visible svg * {
  fill: none !important;
  stroke: rgba(255, 255, 255, 0.82) !important;
}

/* Normal state a little dimmer */
#fv-menu .fv-drawer nav a:not(:hover):not(:focus-visible) svg,
#fv-menu .fv-drawer nav a:not(:hover):not(:focus-visible) svg * {
  fill: none !important;
  stroke: #82a796 !important;
}