@font-face {
    font-family: 'Tilda Sans';
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
    src: url('../fonts/tilda/TildaSans-VF.woff2') format('woff2'),
         url('../fonts/tilda/TildaSans-VF.woff') format('woff'),
         url('../fonts/tilda/TildaSans-VF.ttf') format('truetype');
}

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

* {
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

html {
  height: 100%;
  font-family: 'Tilda Sans', -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 16px;
  /* -webkit-font-smoothing: antialiased; */
  /* -moz-osx-font-smoothing: grayscale; */
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  height: 100%;
  margin: 0;
  color: #000;
  background: #fff;
}

article {
  max-width: 1440px;
  margin: 0 auto;
}

footer {
  max-width: 1440px;
  margin: 0 auto;
  width: 100%;
  margin-top: 12px;
  border-radius: 16px 16px 0 0;
  background: #fff;
}

.item-disclaimer p {
  font-size: 12px;
  line-height: 16px;
  text-align: justify;
  margin: 0 auto;

}

.header-columns {
  max-width: 1440px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  width: 100%;
  border-radius: 16px 16px 0 0;
  padding: 16px;
  gap: 16px;
}

.header-columns-left {
  text-align: left;
  justify-self: start;
}

.header-columns-center {
  text-align: center;
  justify-self: center;
}

.header-columns-right {
  text-align: right;
  justify-self: end;
}

.footer-columns {
  max-width: 1440px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  width: 100%;
  border-radius: 16px;
  padding: 16px;
  gap: 16px;
}

.footer-columns-left {
  text-align: left;
  justify-self: start;
}

.footer-columns-center {
  text-align: center;
  justify-self: center;
}

.footer-columns-right {
  text-align: right;
  justify-self: end;
}

@media (max-width: 768px) {
  .footer-columns {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }

  .footer-columns-left,
  .footer-columns-center,
  .footer-columns-right {
    grid-column: auto;
    grid-row: auto;
    text-align: center;
    justify-self: center;
  }

  .footer-columns-center {
    order: -1;
  }
}

#ufs-railway-app {
  padding: 16px;
  background: #fff;
  border-radius: 0 0 16px 16px;
  max-width: 1440px;
  margin: 0 auto 12px auto;
}

.mc-form__block {
	display: none;
}
.mc-block__section_top {
	display: none;
}

.mc-block .mc-login h1 {
	display: none;
}

.mc-block__section {
	border: none;
	padding: 0;
}
.mc-block__inner .mc-block__inner_noshift {
	padding: 0;
}

main {
  flex: 1 0 auto;
  padding: 0;
}

p {
  margin: 0;
  padding: 0;
}

/* Wave */
.wave {
  height: 4px;
  margin: 0 16px;
  padding: 0;
  border: none;
  background-image: url('/assets/images/wave.svg');
  background-size: contain;
  background-repeat: repeat-x;
}

/* UFS */
.uwg-search {
margin: 0 auto;
max-width: 1440px;
padding: 0;
}

.wg-search-layout-container {
margin: 0 auto;
max-width: 1440px;
padding: 0;
}

.wg-layout__inner-wrap {
max-width: 1440px;
padding: 0;
}

.wg-found {
max-width: 1440px;
}

.wg-breadcrumb {
max-width: 1440px;
padding: 8px;
margin: 0;
}

.wg-breadcrumb__inner {
padding: 8px;
margin: 0;
}

.mc-order-login__buttons .mc-button_link {
font-size: 12px;
display: none;
}

.wg-breadcrumbs {
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 12px;
font-weight: 500;
line-height: 1.3;
margin-left: auto;
margin-right: auto;
max-width: 1440px;
min-width: 280px;
padding-left: 16px;
position: relative;
z-index: 1;
}

.wg-breadcrumbs {
border-bottom: 1px solid #d2d2d2;
line-height: 1.6;
margin-top: 16px;
padding-bottom: 16px;
}


#header {
  width: 100%;
}
.header-container {
  max-width: 1440px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  padding: 0 16px;
  background: #fff;
  border-bottom: 1px solid #eee;
}
.header-left { justify-self: start; }
.header-right { justify-self: end; }
.header-center { overflow: hidden; }

.header-logo img {
  display: block;
  height: 64px;
  width: auto;
}

.btn-my-order {
  display: inline-block; 
  padding: 8px 16px;
  background-color: rgba(64, 83, 142, 0.05); 
  color: #000;
  text-decoration: none;
  border-radius: 4px; 
  font-size: 18px;
  font-weight: 500;
  white-space: nowrap;
  transition: background-color 0.2s ease; 
  cursor: pointer;
}

.btn-my-order:hover {
  background-color: #e1e8ed;
}


.main-menu, .double-menu {
  position: relative;
}
.header-center {
  overflow: hidden;
}
.double-menu {
  margin: 0;
}

ul.main-nav, ul.double-nav {
  display: flex;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;

  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none; 
}
ul.main-nav::-webkit-scrollbar,
ul.double-nav::-webkit-scrollbar {
  display: none;
}


 ul.main-nav, ul.double-nav {
   mask-image: linear-gradient(to right, transparent 0, black 16px, black calc(100% - 16px), transparent 100%);
   -webkit-mask-image: linear-gradient(to right, transparent 0, black 16px, black calc(100% - 16px), transparent 100%);
 }


.main-menu-item, .double-menu-item {
  flex-shrink: 0;
}
.main-menu-item a, .double-menu-item a, .double-menu-item {
  display: block;
  text-decoration: none;
  white-space: nowrap;
}


ul.main-nav {
  justify-content: center;
  gap: 20px; 
  height: 64px;
}
.main-menu-item a {
  color: #000;
  font-size: 16px;
  font-weight: 500;
}
.main-menu-item a:hover, .main-menu-item.active a { color: #CD2026; }
.main-nav > .main-menu-item:first-child { padding-left: 16px; }
.main-nav > .main-menu-item:last-child { padding-right: 16px; }


ul.double-nav {
  justify-content: flex-start; 
  gap: 1rem;
  mask-image: linear-gradient(to right, transparent 0, black 16px, black calc(100% - 16px), transparent 100%);
  -webkit-mask-image: linear-gradient(to right, transparent 0, black 16px, black calc(100% - 16px), transparent 100%);
}
.double-menu-item {
  font-size: 12px;
  padding: 12px 0;
  color: #000;
}
.double-menu-item a { color: #000; }
.double-menu-item a:hover { color: #CD2026; }
/* Отступы для крайних элементов */
.double-nav > .double-menu-item:first-child { padding-left: 16px; }
.double-nav > .double-menu-item:last-child { padding-right: 16px; }

@media (max-width: 991px) {
  .header-container {
     grid-template-columns: 1fr 1fr;
     grid-template-rows: 64px auto;
   }
  .header-left { grid-column: 1; grid-row: 1; }
  .header-right { grid-column: 2; grid-row: 1; }
  .header-center { grid-column: 1 / 3; grid-row: 2; }
  ul.main-nav {
    justify-content: center;
    gap: 20px;
  }
}

@media (min-width: 992px) {
  .double-menu {
    overflow: visible;
  }
  ul.double-nav {
    overflow: visible;
    flex-wrap: wrap;
    mask-image: none;
    -webkit-mask-image: none;
  }
}

.header-center {

  overflow: hidden;


  margin: 0 -16px;
}

.dragscroll.grabbable {
  cursor: grab;
}

.dragscroll.grabbable.is-grabbing {
  cursor: grabbing;
}

.dragscroll a {
  cursor: pointer;
}

.header-right {
  justify-self: end;
}

.grid-container {
    padding: 16px;
}