/* Меню Когтотеки: шапка с логотипом и полоса из 12 разделов с выпадающими списками; на телефоне — бургер с раскрывающимися разделами */
.km{--km-accent:#4099da;--km-accent-d:#2c7cbc;--km-ink:#1f2933;--km-line:#e3e8ee;
  position:relative;z-index:990;background:#fff;color:var(--km-ink);font-family:'Montserrat',Arial,sans-serif}
.km *{box-sizing:border-box}
.km a{text-decoration:none}
.km-top{max-width:1200px;height:80px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.km-logo img{display:block;width:300px;max-width:60vw;height:auto}
.km-aux{display:flex;align-items:center;gap:6px}
.km-aux .km-link{font-size:16px}
.km-nav{border-top:1px solid var(--km-line);border-bottom:1px solid var(--km-line);background:#fff}
.km-wrap{max-width:1200px;margin:0 auto;padding:0 8px;display:flex;justify-content:space-between}
.km-item{position:relative;display:flex;align-items:center}
.km-link{display:block;padding:13px 8px;font-size:14.5px;font-weight:500;line-height:1.3;color:var(--km-ink);white-space:nowrap;transition:color .15s}
.km-link:hover,.km-item:hover>.km-link{color:var(--km-accent-d)}
.km-item.is-active>.km-link{color:var(--km-accent-d);box-shadow:inset 0 -3px 0 var(--km-accent)}
.km-item--tools>.km-link{color:var(--km-accent-d)}
.km-caret{display:none;width:28px;height:28px;margin-left:-4px;border:0;background:none;cursor:pointer;color:inherit;padding:0}
.km-caret::before{content:"";display:block;width:8px;height:8px;margin:0 auto;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .15s}
.km-item.is-open>.km-caret::before{transform:translateY(2px) rotate(-135deg)}
.km-drop{display:none;position:absolute;top:100%;left:0;min-width:270px;padding:10px 0;background:#fff;border:1px solid var(--km-line);border-radius:0 0 14px 14px;box-shadow:0 14px 30px rgba(31,41,51,.12);z-index:1000}
.km-item:hover>.km-drop,.km-item:focus-within>.km-drop,.km-item.is-open>.km-drop{display:block}
.km-drop a{display:block;padding:8px 18px;font-size:15px;line-height:1.35;color:var(--km-ink);break-inside:avoid}
.km-drop a:hover,.km-drop a:focus{background:#f1f8fe;color:var(--km-accent-d);outline:none}
.km-drop a.km-all{font-weight:600;color:var(--km-accent-d)}
.km-item--wide>.km-drop{columns:2;column-gap:0;min-width:560px}
.km-wrap>.km-item:nth-last-child(-n+4)>.km-drop{left:auto;right:0}
.km-aux .km-drop{left:auto;right:0}
.km-burger{display:none;width:46px;height:46px;border:0;background:none;cursor:pointer;padding:11px 9px;color:var(--km-ink)}
.km-burger span,.km-burger span::before,.km-burger span::after{display:block;width:28px;height:2.5px;background:currentColor;border-radius:2px;transition:transform .2s,opacity .2s}
.km-burger span{position:relative}
.km-burger span::before,.km-burger span::after{content:"";position:absolute;left:0}
.km-burger span::before{top:-8px}
.km-burger span::after{top:8px}
.km.is-open .km-burger span{background:transparent}
.km.is-open .km-burger span::before{transform:translateY(8px) rotate(45deg)}
.km.is-open .km-burger span::after{transform:translateY(-8px) rotate(-45deg)}
.km-mob-aux{display:none}
@media (hover:none) and (min-width:1100px){.km-caret{display:block}}
@media (max-width:1199px) and (min-width:1100px){.km-link{padding:13px 6px;font-size:14px}}
@media (max-width:1099px){
  .km-top{height:64px;padding:0 10px 0 16px}
  .km-logo img{width:210px}
  .km-aux{display:none}
  .km-burger{display:block}
  .km-nav{display:none;border-bottom:0}
  .km.is-open .km-nav{display:block;max-height:calc(100vh - 64px);overflow-y:auto;-webkit-overflow-scrolling:touch;box-shadow:0 16px 30px rgba(31,41,51,.15)}
  .km-wrap{display:block;padding:0}
  .km-item{display:grid;grid-template-columns:1fr 56px;align-items:stretch;border-bottom:1px solid #eef2f6}
  .km-link{padding:14px 16px;font-size:17px;white-space:normal}
  .km-item.is-active>.km-link{box-shadow:inset 4px 0 0 var(--km-accent)}
  .km-caret{display:block;width:56px;height:auto;margin:0}
  .km-drop{position:static;grid-column:1/-1;min-width:0;padding:4px 0 12px;border:0;border-radius:0;box-shadow:none;background:#f7f9fb}
  .km-item--wide>.km-drop{columns:auto;min-width:0}
  .km-item:hover>.km-drop,.km-item:focus-within>.km-drop{display:none}
  .km-item.is-open>.km-drop{display:block}
  .km-drop a{padding:10px 24px;font-size:16px}
  .km-mob-aux{display:block;padding:10px 0 18px;background:#fff}
  .km-mob-aux .km-item{border-bottom:1px solid #eef2f6}
  .km-mob-aux .km-link{font-size:15px;color:#5f6b76}
}
