/* veb.mk phone and tablet menu (2026-10-29), shared by the home (public/v/V-Home.dc.html) and the Blade layout
   (resources/views/blog/layout.blade.php). Source: Projects/farm/tasks/veb/2026-10-29/menu/ in the Agency tree.
   Below 1024 px the old 8-cell bottom bar is hidden and replaced by a dock (current place + Мени) that opens a bottom
   sheet with every link. From 1024 px up nothing here applies: the desktop header is untouched. */
.vm-dock,.vm-layer{display:none}
@media (max-width:1023px){
  nav[aria-label="Главна"][data-m="nav"],nav.nav[aria-label="Главна"]{display:none!important}
  .vm-dock{--amb:#FFB547;position:fixed;left:0;right:0;bottom:0;z-index:70;display:flex;align-items:stretch;gap:8px;padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px));background:rgba(10,17,19,.9);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid rgba(200,230,222,.12);font-family:'Geologica',system-ui,sans-serif;box-sizing:border-box}
  .vm-dock *,.vm-layer *{box-sizing:border-box}
  .vm-here{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:12px;min-height:50px;padding:0 14px;background:transparent;border:1px solid rgba(200,230,222,.14);color:#E6EEEC;text-align:left;cursor:pointer;font:inherit;-webkit-tap-highlight-color:transparent}
  .vm-here-dot{flex:none;width:8px;height:8px;background:var(--amb);box-shadow:0 0 0 4px rgba(255,181,71,.16)}
  .vm-here-t{display:flex;flex-direction:column;min-width:0;line-height:1.2}
  .vm-here-k{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;letter-spacing:.04em;color:#7C908D}
  .vm-here-v{font-family:'Jura',sans-serif;font-weight:700;font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .vm-open{flex:none;display:flex;align-items:center;gap:10px;min-height:50px;padding:0 18px 0 16px;background:var(--amb);color:#1A1204;border:0;font:700 15px/1 'Geologica',system-ui,sans-serif;cursor:pointer;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);-webkit-tap-highlight-color:transparent}
  .vm-here:focus-visible,.vm-open:focus-visible,.vm-layer a:focus-visible,.vm-layer button:focus-visible{outline:2px solid #FFB547;outline-offset:2px}
  .vm-open:focus-visible{outline-color:#E6EEEC}
  .vm-burger{position:relative;width:18px;height:12px}
  .vm-burger i{position:absolute;left:0;right:0;height:2px;background:currentColor;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .2s}
  .vm-burger i:nth-child(1){top:0}.vm-burger i:nth-child(2){top:5px}.vm-burger i:nth-child(3){top:10px}
  html.vm-on .vm-burger i:nth-child(1){transform:translateY(5px) rotate(45deg)}
  html.vm-on .vm-burger i:nth-child(2){opacity:0}
  html.vm-on .vm-burger i:nth-child(3){transform:translateY(-5px) rotate(-45deg)}

  .vm-layer{position:fixed;inset:0;z-index:1000;display:block;visibility:hidden;pointer-events:none;font-family:'Geologica',system-ui,sans-serif}
  html.vm-on .vm-layer{visibility:visible;pointer-events:auto}
  .vm-scrim{position:absolute;inset:0;background:rgba(3,7,8,.62);opacity:0;transition:opacity .3s}
  html.vm-on .vm-scrim{opacity:1}
  .vm-sheet{position:absolute;left:0;right:0;bottom:0;max-height:min(88vh,88dvh);display:flex;flex-direction:column;background:#0C1517;color:#E6EEEC;border-top:1px solid rgba(200,230,222,.18);transform:translateY(104%);transition:transform .42s cubic-bezier(.16,1,.3,1);clip-path:polygon(18px 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%,0 18px);outline:none}
  html.vm-on .vm-sheet{transform:translateY(var(--vm-drag,0px))}
  .vm-sheet.vm-dragging{transition:none}
  @media (min-width:600px){.vm-sheet{left:50%;right:auto;width:560px;margin-left:-280px}}
  .vm-top{flex:none;position:relative;display:flex;align-items:center;justify-content:space-between;padding:22px 16px 10px 20px;touch-action:none}
  .vm-top::before{content:"";position:absolute;left:50%;top:9px;width:40px;height:4px;margin-left:-20px;background:rgba(200,230,222,.22)}
  .vm-title{margin:0;font-family:'Jura',sans-serif;font-weight:700;font-size:24px;letter-spacing:-.01em}
  .vm-close{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:transparent;color:#E6EEEC;border:1px solid rgba(200,230,222,.18);cursor:pointer}
  .vm-close svg{width:18px;height:18px}
  .vm-body{flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;padding:4px 20px 18px;-webkit-overflow-scrolling:touch}
  .vm-k{margin:14px 0 8px;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:12px;letter-spacing:.04em;color:#93D6D9}
  .vm-k b{color:#FFB547;font-weight:400}

  /* the home as a route: its sections in page order on one line, the place you are on lit */
  .vm-route{position:relative;margin:0;padding:0;list-style:none}
  .vm-route::before{content:"";position:absolute;left:5px;top:22px;bottom:22px;width:1px;background:rgba(200,230,222,.16)}
  .vm-route::after{content:"";position:absolute;left:4px;top:22px;width:3px;height:var(--vm-fill,0px);background:#FFB547;transform-origin:top;transform:scaleY(0);transition:transform .6s .12s cubic-bezier(.16,1,.3,1)}
  html.vm-on .vm-route::after{transform:scaleY(1)}
  .vm-route a{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;min-height:56px;padding:6px 0;color:#E6EEEC;text-decoration:none;-webkit-tap-highlight-color:transparent}
  .vm-route a::before{content:"";width:11px;height:11px;border:1px solid rgba(200,230,222,.4);background:#0C1517;z-index:1}
  .vm-route a[aria-current]::before{background:#FFB547;border-color:#FFB547;box-shadow:0 0 0 5px rgba(255,181,71,.18)}
  .vm-l{display:flex;flex-direction:column;gap:2px;min-width:0}
  .vm-n{font-family:'Jura',sans-serif;font-weight:700;font-size:19px;line-height:1.2}
  .vm-d{font-size:13px;line-height:1.35;color:#A3B4B1}
  .vm-route a[aria-current] .vm-n{color:#FFB547}
  .vm-chev{width:16px;height:16px;color:#7C908D}
  .vm-here-tag{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;color:#FFB547;padding:3px 7px;border:1px solid rgba(255,181,71,.4)}

  .vm-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .vm-tiles a{display:flex;flex-direction:column;justify-content:space-between;gap:10px;min-height:84px;padding:12px 14px;border:1px solid rgba(200,230,222,.14);background:rgba(200,230,222,.02);color:#E6EEEC;text-decoration:none;-webkit-tap-highlight-color:transparent}
  .vm-tiles a:first-child:nth-last-child(odd){grid-column:1/-1;min-height:64px}
  .vm-tiles a[aria-current]{border-color:#FFB547;background:rgba(255,181,71,.07)}
  .vm-tiles a[aria-current] .vm-n{color:#FFB547}
  .vm-tiles .vm-n{font-size:17px}
  .vm-tiles .vm-d{font-size:12.5px}
  .vm-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
  .vm-chips a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border:1px solid rgba(200,230,222,.18);color:#E6EEEC;text-decoration:none;font-size:14.5px;font-weight:500}
  .vm-chips a[aria-current]{border-color:#FFB547;color:#FFB547}

  .vm-foot{flex:none;padding:12px 20px calc(14px + env(safe-area-inset-bottom,0px));border-top:1px solid rgba(200,230,222,.12);background:#0A1113}
  .vm-cta{display:flex;align-items:center;justify-content:center;gap:10px;min-height:52px;background:#FFB547;color:#1A1204;font-weight:700;font-size:16px;text-decoration:none;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}
  .vm-cta:focus-visible{outline:2px solid #E6EEEC!important;outline-offset:2px}
  .vm-cta svg{width:18px;height:18px}
  .vm-mail{margin:10px 0 0;font-size:13px;color:#A3B4B1;text-align:center}
  .vm-mail a{color:#FFB547;text-underline-offset:3px;display:inline-block;padding:6px 2px;margin:-6px 0}
  html.vm-lock{overflow:hidden!important}
}
@media (max-width:1023px) and (prefers-reduced-motion:reduce){
  .vm-sheet,.vm-scrim,.vm-route::after,.vm-burger i{transition:none!important}
}