/* Навбар главной + фирменный курсор — для страниц кейсов (RM-движок и старые cases.js) */
@font-face{font-family:'Euclid Flex';src:url('/assets/fonts/EuclidFlex-Regular.woff2') format('woff2');font-weight:300 400;font-display:swap}
@font-face{font-family:'Euclid Flex';src:url('/assets/fonts/EuclidFlex-Medium.ttf') format('truetype');font-weight:500;font-display:swap}

/* родные шапки страниц прячем: меню единое, как на главной */
.fixed-position-container{display:none!important}
.fixed-position-container-top{display:none!important}
.above-pages-container{display:none!important}
.case-bar{display:none!important}

#uxp-casenav a{text-decoration:none;color:#fff}
#uxp-casenav{position:fixed;left:0;right:0;top:16px;z-index:1500;display:flex;justify-content:center;align-items:center;gap:16px;pointer-events:none}
#uxp-casenav .uxp-cn-pill{pointer-events:auto;display:flex;align-items:center;height:82px;border-radius:999px;
  background:rgba(0,0,0,.10);
  backdrop-filter:blur(10px) saturate(150%) contrast(1.12);-webkit-backdrop-filter:blur(10px) saturate(150%) contrast(1.12);
  box-shadow:inset 1px 1px 1px -0.5px rgba(255,255,255,.55),inset -1px -1px 1px -0.5px rgba(255,255,255,.16)}
#uxp-casenav .uxp-cn-logo{padding:0 16px}
#uxp-casenav .uxp-cn-logo img{display:block;height:50px;width:auto}
#uxp-casenav .uxp-cn-main{padding:0 30px}
#uxp-casenav .uxp-cn-main a{display:flex;align-items:center;gap:12px;font-family:'Euclid Flex',Arial,sans-serif;font-weight:400;font-size:20px;line-height:36px;color:#fff;text-transform:uppercase;text-decoration:none;white-space:nowrap}
#uxp-casenav .uxp-cn-back svg{display:block;flex:0 0 auto}
#uxp-casenav .uxp-cn-tg{width:82px;justify-content:center}
#uxp-casenav .uxp-cn-tg img{display:block;width:38px;height:38px;flex:0 0 auto}
#uxp-casenav .uxp-cn-tg span{font-family:'Euclid Flex',Arial,sans-serif;font-weight:400;font-size:20px;line-height:36px;color:#fff;text-transform:uppercase;white-space:nowrap}

@media (max-width:768px){
  #uxp-casenav{top:auto;bottom:16px;gap:0;max-width:calc(100vw - 20px);left:50%;right:auto;transform:translateX(-50%)}
  #uxp-casenav .uxp-cn-pill{height:64px}
  #uxp-casenav .uxp-cn-logo{padding:0 12px}
  #uxp-casenav .uxp-cn-logo img{height:32px}
  #uxp-casenav .uxp-cn-main{padding:0 18px}
  #uxp-casenav .uxp-cn-main a{font-size:14px;gap:8px}
  #uxp-casenav .uxp-cn-back svg{width:22px;height:22px}
  #uxp-casenav .uxp-cn-tg{width:64px}
  #uxp-casenav .uxp-cn-tg img{width:28px;height:28px}
  #uxp-casenav .uxp-cn-tg span{font-size:14px}
}

/* ===== курсор главной: белая точка + кольцо, mix-blend difference ===== */
@media (hover:hover) and (pointer:fine){
  *{cursor:none!important}
  #cursor{position:fixed;left:0;top:0;z-index:2147483647;pointer-events:none;mix-blend-mode:difference;opacity:0;transition:opacity .2s ease;will-change:transform}
  #cursor.on{opacity:1}
  #cursor-dot,#cursor-ring{position:absolute;left:0;top:0;border-radius:50%;box-sizing:border-box;transform:translate(-50%,-50%)}
  #cursor-dot{width:32px;height:32px;background:#fff;transition:width .26s cubic-bezier(.16,1,.3,1),height .26s cubic-bezier(.16,1,.3,1)}
  #cursor-ring{width:66px;height:66px;border:2px solid #fff;opacity:0;transform:translate(-50%,-50%) scale(.4);transition:opacity .3s ease,transform .4s cubic-bezier(.16,1,.3,1)}
  .cur-link #cursor-dot{width:10px;height:10px}
  .cur-link #cursor-ring{opacity:1;transform:translate(-50%,-50%) scale(1)}
  .cur-down #cursor-dot{width:7px;height:7px}
  .cur-down #cursor-ring{transform:translate(-50%,-50%) scale(.86)}
}