/* Load after the original and design styles. Mobile navigation is independent. */
@media (min-width: 1200px) {
  header.header > .container,
  header.header .header-bottom,
  header.header .header-bottom .center,
  header.header .header-bottom .center nav,
  header.header .header-bottom .center nav > ul,
  header.header .header-bottom .center nav > ul > li.mr-menu-item {
    position: static !important;
  }

  header.header .header-bottom .center nav > ul > li.mr-menu-item > button.arrow {
    position: relative;
    width: 32px;
    height: 36px;
    margin-left: 1px;
    border-radius: 8px;
    background-size: 9px;
    cursor: pointer;
    transform: none !important;
    transition: background-color .15s ease, transform .15s ease;
  }

  header.header .header-bottom .center nav > ul > li.mr-menu-item > button.arrow:hover,
  header.header .header-bottom .center nav > ul > li.mr-menu-item[data-menu-state="open"] > button.arrow {
    background-color: #edf3f1;
  }

  header.header .header-bottom .center nav > ul > li.mr-menu-item[data-menu-state="open"] > button.arrow {
    transform: rotate(180deg) !important;
  }

  header.header .header-bottom .center nav > ul > li.mr-menu-item > .mr-menu-panel {
    position: absolute !important;
    top: 100% !important;
    left: var(--mr-panel-left, 0) !important;
    z-index: 210;
    min-width: 240px;
    margin: 0 !important;
    padding: 0;
    border: 1px solid #dde6e2;
    border-top: 0;
    border-radius: 0 0 16px 16px;
    background: #fff;
    box-shadow: 0 16px 32px #143b2924;
    transition: opacity .12s ease;
    max-height: var(--mr-panel-max-height, calc(100dvh - 150px));
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
  }

  /* Explicit states override legacy :hover, :focus-within and inline slide heights. */
  header.header .header-bottom .center nav > ul > li.mr-menu-item[data-menu-state="closed"] > .mr-menu-panel {
    display: none !important;
    height: 0 !important;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
  }

  header.header .header-bottom .center nav > ul > li.mr-menu-item[data-menu-state="open"] > .mr-menu-panel {
    display: block !important;
    height: auto !important;
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
  }

  header.header .header-bottom .center nav > ul > li.mr-menu-item > .mr-menu-bridge {
    display: none;
    position: absolute;
    left: var(--mr-bridge-left);
    top: var(--mr-bridge-top);
    width: var(--mr-bridge-width);
    height: var(--mr-bridge-height);
    z-index: 211;
    background: transparent;
  }

  header.header .header-bottom .center nav > ul > li.mr-menu-item[data-menu-state="open"] > .mr-menu-bridge {
    display: block;
  }

  header.header .header-bottom .center nav > ul > li.mr-menu-item:not(.catalog-li) > .mr-menu-panel > .submenu {
    min-width: 240px;
    padding: 10px;
    border-radius: 0;
    box-shadow: none;
    background: #fff;
  }

  header.header .header-bottom .center nav > ul > li.mr-menu-item:not(.catalog-li) > .mr-menu-panel > .submenu > li {
    margin: 0;
  }

  header.header .header-bottom .center nav > ul > li.mr-menu-item:not(.catalog-li) > .mr-menu-panel > .submenu > li > a {
    display: block;
    padding: 10px 14px;
    color: #1b3029;
    font-size: 16px;
    font-weight: 450;
    line-height: 1.35;
    border-radius: 8px;
  }

  header.header .header-bottom .center nav > ul > li.mr-menu-item > .mr-menu-panel a:hover,
  header.header .header-bottom .center nav > ul > li.mr-menu-item > .mr-menu-panel a:focus-visible {
    color: #126548;
    background-color: #eef6f1;
    text-decoration: none;
  }

  header.header .header-bottom .center nav > ul > li.mr-menu-item.catalog-li > .mr-menu-panel {
    left: 0 !important;
    width: 100% !important;
    border-radius: 0 0 20px 20px;
  }

  header.header .header-bottom .center .list-catalog {
    padding: 28px 0 32px;
  }

  header.header .header-bottom .center .list-catalog .submenu a {
    display: inline-block;
    margin: 1px -6px;
    padding: 4px 6px;
    border-radius: 6px;
    color: #34483e;
    line-height: 1.4;
  }

  header.header .header-bottom .center .list-catalog .container .img-wrapper img {
    border-radius: 12px;
  }
}

@media (prefers-reduced-motion: reduce) {
  header.header .mr-menu-panel,
  header.header .mr-menu-item > button.arrow { transition: none !important; }
}

/* One shared baseline for plain links and disclosure controls. */
@media(min-width:1200px){
 header.header .header-bottom .center{flex:1;display:flex;justify-content:center}
 header.header .header-bottom .center nav>ul{align-items:center;gap:clamp(12px,1.25vw,20px)}
 header.header .header-bottom .center nav>ul>li.page{display:flex;align-items:center;flex-wrap:nowrap;min-height:44px;margin:0!important;padding:0}
 header.header .header-bottom .center nav>ul>li.page>a{display:inline-flex;align-items:center;min-height:44px;margin:0;padding:0;font-size:16px;line-height:24px;white-space:nowrap}
 header.header .header-bottom .center nav>ul>li.mr-menu-item>button.arrow{height:36px;width:28px;margin:0 0 0 2px;align-self:center;background-position:center}
 header.header .header-bottom .center nav>ul>li.mr-menu-item>button.arrow:hover,
 header.header .header-bottom .center nav>ul>li.mr-menu-item[data-menu-state=open]>button.arrow{background-color:#f2eee7}
 header.header .header-bottom .center nav>ul>li.mr-menu-item>.mr-menu-panel{border-color:#e5e1da;box-shadow:0 14px 24px #29272514}
 header.header .header-bottom .center nav>ul>li.mr-menu-item>.mr-menu-panel a:hover,
 header.header .header-bottom .center nav>ul>li.mr-menu-item>.mr-menu-panel a:focus-visible{background:#f6f3ed;color:#55452d}
 header.header .header-bottom .center nav>ul>li.mr-menu-item:not(.catalog-li)>.mr-menu-panel>.submenu>li>a{color:#38393e}
 header.header .header-bottom .center .list-catalog .container{display:grid;grid-template-columns:180px minmax(0,1fr);gap:28px;align-items:start}
 header.header .header-bottom .center .list-catalog .container>.img-wrapper{width:180px;height:auto}
 header.header .header-bottom .center .list-catalog .container>.img-wrapper img{width:180px;height:auto;aspect-ratio:auto;object-fit:contain;background:transparent;border-radius:10px}
 header.header .header-bottom .center .list-catalog .container>.img-wrapper .price{font-size:15px;margin-top:12px}
 header.header .header-bottom .center .list-catalog .container>ul{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;margin:0;padding:0;align-items:start}
 header.header .header-bottom .center .list-catalog .container>ul>li{display:block!important;min-width:0;margin:0;padding:0}
 header.header .header-bottom .center .list-catalog .container>ul>li>a{display:block;margin:0 0 14px;padding:0;min-height:22px;font-size:16px;font-weight:650;line-height:1.35;color:#2f3033}
 header.header .header-bottom .center .list-catalog .container>ul>li .submenu{display:grid;gap:4px;margin:0;padding:0}
 header.header .header-bottom .center .list-catalog .submenu li{margin:0;padding:0;min-width:0}
 header.header .header-bottom .center .list-catalog .submenu a{display:block;margin:0 -5px;padding:5px;font-size:14px;line-height:1.4;color:#56555a}
}
@media(max-width:1199px){
 #mobileMenu{background:#fff}
 #mobileMenu>.container{padding-top:18px;padding-bottom:32px}
 #mobileMenu nav+nav{border-top:1px solid #e8e4dd;margin-top:18px;padding-top:18px}
 #mobileMenu .menu.level-1>li{position:relative;margin:0;padding:0;border-bottom:1px solid #f0eeea}
 #mobileMenu .menu.level-1>li>a{display:flex;align-items:center;min-height:48px;padding:10px 48px 10px 0;font-size:18px;font-weight:550;line-height:1.35;color:#38393e}
 #mobileMenu .menu.level-1>li>button.arrow{position:absolute;right:0;top:3px;width:42px;height:42px;margin:0;border:1px solid #e5e1da;border-radius:9px;background-color:#f8f7f4;background-position:center;transform:none}
 #mobileMenu .menu.level-1>li>button.arrow.active{transform:rotate(180deg);background-color:#eee9df}
 #mobileMenu .menu.level-2{margin:0;padding:2px 0 12px 14px;border-left:2px solid #ddd4c3}
 #mobileMenu .menu.level-2>li{margin:0;padding:0}
 #mobileMenu .menu.level-2>li>a{display:block;padding:9px 0;font-size:16px;line-height:1.35;color:#5a595e}
}
@media(max-width:1199px){
 #mobileMenu{padding-top:76px;padding-bottom:18px}
 #mobileMenu .menu.level-1>li>a{font-weight:550!important}
 #mobileMenu .menu.menu-catalog.level-1>li:first-child>a{font-weight:650!important}
 #mobileMenu .menu.level-1>li:last-child{border-bottom:0}
}

/* A real button with the same typography and alignment as the navigation links. */
.mr-menu-trigger,
.mr-company-trigger {
  appearance:none;
  display:inline-flex;
  align-items:center;
  margin:0;
  border:0;
  border-radius:8px;
  background:transparent;
  color:var(--dp-ink, #38393e);
  font-family:inherit;
  font-weight:550;
  text-align:left;
  cursor:pointer;
  box-shadow:none;
}
@media(min-width:1200px){
  header.header .header-bottom .center nav>ul>li.page>:is(.mr-menu-trigger, .mr-company-trigger) {
    min-height:44px;
    padding:0 3px 0 10px;
    font-size:15px;
    line-height:24px;
    white-space:nowrap;
  }
}
@media(max-width:1199px){
  #mobileMenu .menu-pages.level-1>li>.mr-company-trigger {
    width:100%;
    min-height:52px;
    padding:12px 44px 12px 15px;
    color:#38393e;
    font-size:17px;
    line-height:1.35;
  }
}
@media(max-width:575px){
  #mobileMenu .menu-pages.level-1>li>.mr-company-trigger {
    padding-left:12px;
    padding-right:38px;
    font-size:15px;
  }
}