.header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 56px;
    background-color: #00283b;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .5);
}

.left-block{
    display: flex;
    height: 100%;
}

.left-block .logo{
    background-color: #ff3640;
    clip-path: polygon(0 0,100% 0,85% 100%,0 100%);
    padding: 12px;
    width: 72px;
    box-sizing: content-box;
}

.left-block .logo svg{
    width: 54px;
    height: 27px;
}

.left-block .live{
    border-bottom: 2px solid #ff3640;
    margin-left: -14px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 16px 0 9px;
}

.left-block .live span{
    padding: 0 12px;
    font-weight: 700;
    color: white;
    font-size: 14px;
}


.scroll-menu {
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
    padding: 10px 16px;
    background-color: white;
    scrollbar-width: none; /* Firefox */
    margin-bottom: 0;
  }
  .scroll-menu::-webkit-scrollbar {
    display: none; /* Chrome, Safari */
  }
  
  .scroll-menu li {
    display: inline;
    color: #1c2c38; /* тёмно-синий, как на скрине */
    font-size: 16px;
    margin: 0 8px;
    position: relative;
    white-space: nowrap;
  }
  
  .scroll-menu li:not(:last-child)::after {
    content: "•";
    margin-left: 8px;
    color: #ccc; /* светлая точка-разделитель */
    font-size: 14px;
  }