#compi-hybrid-corrected .hy3-header .cp-inner{min-height:0}
#compi-hybrid-corrected .hy3-nav{display:grid;grid-template-columns:116px minmax(180px,1fr) auto auto;align-items:center;gap:26px;min-height:94px;padding:16px 0}
#compi-hybrid-corrected .hy3-logo-wrap{display:block;width:116px;min-width:0;margin:0}
#compi-hybrid-corrected .hy3-logo-cycle{width:116px;height:34px}
#compi-hybrid-corrected .hy3-logo-new,#compi-hybrid-corrected .hy3-logo-original{display:flex;align-items:center;justify-content:center;width:116px;height:34px;padding:0;inset:0;transform:none;filter:none;will-change:opacity;animation-duration:10s}
#compi-hybrid-corrected .hy3-logo-new{font-size:38.5px;line-height:1;color:var(--cp-cyan);animation-name:hy5-logo-new}
#compi-hybrid-corrected .hy3-logo-new b{color:var(--cp-orange)}
#compi-hybrid-corrected .hy3-logo-wordmark{display:block;white-space:nowrap;line-height:1}
#compi-hybrid-corrected .hy3-logo-original{animation-name:hy5-logo-original}
#compi-hybrid-corrected .hy3-logo-original img{display:block;width:116px;height:auto;max-width:none;object-fit:contain}
#compi-hybrid-corrected .hy3-logo-caption{font-size:11px;line-height:1.4;margin-top:4px;color:#526b77;text-transform:none;text-align:center;white-space:nowrap}
#compi-hybrid-corrected .hy3-city{display:block;color:#203f4e;text-decoration:none;justify-self:start}
#compi-hybrid-corrected .hy3-city-name{display:flex;gap:7px;align-items:center;font-size:20px;line-height:1.35;font-weight:700;white-space:nowrap}
#compi-hybrid-corrected .hy3-city-name svg{width:18px;height:18px;flex:none;color:#00799d}
#compi-hybrid-corrected .hy3-city-areas{display:block;margin-top:4px;padding-left:25px;color:#526b77;font-size:11px;line-height:1.5}
#compi-hybrid-corrected .hy3-nav-links{display:flex;order:0;margin:0;gap:20px;padding:0;border:0;font-size:12px;flex-basis:auto;justify-content:flex-start;flex-wrap:nowrap}
#compi-hybrid-corrected .hy3-nav-links a{display:flex;align-items:center;min-height:44px;white-space:nowrap}
#compi-hybrid-corrected .hy3-head-phones{display:flex;gap:20px;margin:0;justify-content:flex-end}
#compi-hybrid-corrected .hy3-head-phone{display:block;font-size:16px;line-height:1.4;min-height:44px;font-weight:700}
#compi-hybrid-corrected .hy3-head-phone small{font-size:11px;line-height:1.4;color:#526b77;margin-top:2px}
@media(max-width:1100px){
  #compi-hybrid-corrected .hy3-nav{grid-template-columns:116px 1fr auto;gap:12px 24px}
  #compi-hybrid-corrected .hy3-nav-links{grid-column:1/-1;grid-row:2;justify-content:center;border-top:1px solid #e0e9ed;gap:42px}
}
@media(max-width:680px){
  #compi-hybrid-corrected .hy3-header{border-radius:0}
  #compi-hybrid-corrected .hy3-header>.cp-inner{padding-inline:20px}
  #compi-hybrid-corrected .hy3-nav{grid-template-columns:116px minmax(0,1fr);gap:0 20px;padding:14px 0 0;min-height:0}
  #compi-hybrid-corrected .hy3-logo-wrap{width:116px;flex:none}
  #compi-hybrid-corrected .hy3-city{justify-self:end}
  #compi-hybrid-corrected .hy3-city-name{font-size:18px;gap:5px}
  #compi-hybrid-corrected .hy3-city-name svg{width:15px;height:15px}
  #compi-hybrid-corrected .hy3-city-areas{font-size:10px;padding-left:20px;margin-top:3px}
  #compi-hybrid-corrected .hy3-head-phones{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:14px;padding-bottom:10px;justify-content:stretch}
  #compi-hybrid-corrected .hy3-head-phone{font-size:17px;min-height:43px;text-align:left}
  #compi-hybrid-corrected .hy3-head-phone+ .hy3-head-phone{padding-left:20px;border-left:1px solid #dce7ec}
  #compi-hybrid-corrected .hy3-head-phone small{font-size:11px}
  #compi-hybrid-corrected .hy3-nav-links{grid-column:1/-1;grid-row:3;display:grid;grid-template-columns:auto auto auto;gap:0;justify-content:space-between;font-size:11px;padding:0;border-top:1px solid #dce7ec}
  #compi-hybrid-corrected .hy3-nav-links a{min-height:44px}
}
@media(max-width:359px){
  #compi-hybrid-corrected .hy3-header>.cp-inner{padding-inline:16px}
  #compi-hybrid-corrected .hy3-nav{gap:0 12px}
  #compi-hybrid-corrected .hy3-city-name{font-size:16px}
  #compi-hybrid-corrected .hy3-city-name svg{display:none}
  #compi-hybrid-corrected .hy3-city-areas{padding-left:0}
}
@keyframes hy5-logo-new{0%,38%,100%{opacity:1}48%,88%{opacity:0}}
@keyframes hy5-logo-original{0%,38%,100%{opacity:0}48%,88%{opacity:1}}
@media(prefers-reduced-motion:reduce){#compi-hybrid-corrected .hy3-logo-new{animation:none;opacity:1}#compi-hybrid-corrected .hy3-logo-original{animation:none;opacity:0}}
