.nav1 .title{display:inline-block;}
.nav1 .title svg{margin-left:30px;color:var(--text);}

/* Local design tokens (duplicated so menu loads independently) */
:root{
  --text:#131313;
  --primary:#084887;
  --cta-start:#3AAEE3;
  --muted-white:#FAFAFA;
  --light-grey:#E6E6E6;
  --nav-blue-1:#0060F0;
  --nav-blue-2:#004BBB;
}

.trait{display:block;height:1px;width:100%;background-color:#707070;opacity:0.4;}
.mail{float:right;  margin-right:20px;display: inline-flex;}
.mail h2{font-size:18px;font-weight:300;margin-right:5px;line-height: 0;}
.mail span{color:#297298;}
.button-nav,.button-order{margin-top: 10px;width:150px;height:40px;margin-left: 50px;cursor: pointer;background: linear-gradient(90deg, var(--nav-blue-1) 0%, var(--nav-blue-2) 100%);
border-radius:10px;color:white;font-weight: 400;line-height:2.5;text-align:center;margin-right:50px;box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);}
.top-btn{flex-wrap: wrap;margin-top: 8px;width:220px;height:50px;margin-left: 50px;float:right;background: var(--light-grey);border-radius:10px;line-height:2.9;text-align:center;
margin-right:50px;box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);flex-direction: column;}
.top-btn span{margin-left: 30px;}
.arrow-right{opacity: 0;}
.top-btn:hover .arrow-right {animation: move .5s ease-in-out forwards;display: block;}
.arrow-right {position: relative;}
.arrow-right:before {content: "";display: block;margin-right: 10px;width: 8px;height: 8px;border-top: 2px solid #313131;border-right: 2px solid #313131;transform: rotate(45deg);}
.arrow-right:after {content: "";display: block;position: absolute;width: 16px;height: 2px;background-color: var(--text);top: 4px;left: -6px;}
.button-nav:hover {background: linear-gradient(90deg, #004AB9 0%, #023889 100%);}
.button-customerarea{width:70px;height:47px;line-height: 3;text-align:center;}
.button-customerarea i{color: var(--text);font-size: 35px;line-height: 1.75;}
.lang-menu img{margin-top: 15px;}
.nav-res-button{color:var(--text);display:none;float:right;font-size:30px;margin-top:20px;}
.sub-menu .fa-solid{font-size: 12px;color:#c2c2c2;transition:all .2s}
.hr-vert{border-right: #c2c2c2 solid 1px;margin-right: 5px;height: 20px;margin-top: 5px;;}
.mail h2 a:hover{color:var(--primary)}
.menu .button-nav a{color:var(--muted-white);}
.sticky{
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
  padding: 5px 50px;
  background-color: rgba(250, 250, 250, 0.95);
  backdrop-filter: blur(10px);
}
.menu-mobile{display: none;}
.mobile-items{display: flex;justify-content: space-around;}

header {
  display:flex;
  justify-content: space-around;
  background-color: var(--muted-white);
  top: 0;
  left: 0;
  padding: 15px 50px;
  width: 100%;
  box-sizing: border-box;
  font-weight: 500;
  z-index: 999;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  position: sticky;
}
.nav1 .lang-menu {float: left;margin-left: 50px;}
.nav1{height: 35px;display:flex;justify-content: space-between;align-items: center;}

.lang-menu .sub-menu .menu-links a{height: 50px;}
.lang-menu .sub-menu .menu-links span{color: var(--text);font-size: 18px;margin-left: 15px;}
.lang-menu {margin-top: 7px;}
.menu-links .svg-lang{line-height: 1;}
.other-lang{margin-left: 20px;}
.sub-menu .svg-lang{margin-top: 15px;}
.lang-menu .sub-menu.active .menu-links{width: 215px;margin-top: -12px;}
.logo{margin-top:5px;}
.logo svg{height: 55px;}

.menu-link::after{content:"";position:absolute;left:12px;right:0;bottom:0;height:3px;width: 50px;background: var(--blue-1);transform: scaleX(0);transform-origin: 0 0;transition:.3s ease-in-out;}
  
header nav {display: flex;justify-content: center;}
.menu-link a{padding: 15px !important;}
.menu {margin: 0;padding: 0;display: flex;line-height: 4;}
.sub-menu:before {position: absolute;line-height: 50px;color: var(--text);right: 1px;}
.sub-menu:hover,.menu-link a:hover,.menu-links a:hover{cursor: pointer;color:#3d95dd}
.menu-links{position: absolute;z-index: 100;border: 1px solid #cdcdcd;padding:25px;background: var(--muted-white);box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 19%);-webkit-box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 19%);-moz-box-shadow: 0px 0px 5px 2px rgb(0 0 0 / 19%);margin-top:10px;border-radius: 10px;display: none;transition:all .2s;}
.sub-menu.active .menu-links{display: flex;width: 300px;flex-flow: column;padding-left: 20px;transition:all .2s;margin-left: -20px;}
.menu-links a{height: auto;padding: 10px;transition:all .2s;border-radius: 15px;}
.menu-links a:hover{background: var(--muted-bg);}
.menu-link a,.sub-menu {transition: all ease-in-out .3s;height: 50px;line-height: 50px;font-size: 17px;padding: 0 20px;text-decoration: none;-ms-user-select:none;-moz-user-select:none;-webkit-user-select:none;-webkit-touch-callout: none;-khtml-user-select: none;user-select:none;}
.nav-text{display: block;color:#707070 !important;margin-top: -10px;font-size: 13px !important;line-height: 1.5;}
.sub-menu span{color:red;font-size:9px;}
.menu-links::after{content:"";position:absolute;left:12px;right:0;bottom:0;height:3px;width: 50px;padding-top: 25px;}
.blue-menu>a,.blue-menu>a>.fa-solid{color:white !important;}
.blue-menu .fa-solid{transform: rotate(180deg);padding-right: 2px;}
.menu-toggle {display:none;margin-top: -23px;}
.menu-links p{text-decoration: underline;}
.btn-mobile{display: none;}
.sub-menu i{line-height: 5.5;}
.lang-menu-mobile {display: none;}

/* Thanks to https://codepen.io/rosalieelphick/pen/xJyRoK */
.visuallyHidden {position: absolute; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; }
.hamburger {margin: 0 auto;margin-top: 40px;width: 30px;height: 30px;position: relative;}
.hamburger .bar {padding: 0;width: 30px;height: 4px;background-color: var(--text);display: block;border-radius: 4px;transition: all 0.4s ease-in-out;position: absolute; }
.bar1 {top: 0;}
.bar2,
.bar3 {top: 11.5px;}
.bar3 {right: 0;}
.bar4 {bottom: 0;}
.hamburger2 .bar2,
.hamburger3 .bar3,
.hamburger4 .bar4 {top: 11.5px;}
.hamburger4 .bar5 {bottom: 3px;}
.hamburger4 .bar {transition: all 0.2s ease-in-out, transform 0.2s ease-in-out 0.2s;}
.hamburger4 .bar2 { width: 1px;transform: rotate(90deg);left: 13.5px;}
.hamburger4 .bar3 {width: 1px; left: 13.5px;}

.nav-icon-5{width: 35px;height: 30px;margin-top: 40px;position: relative;cursor: pointer;display: inline-block;}
.nav-icon-5 span{background-color:var(--text);position: absolute;border-radius: 2px;transition: .3s cubic-bezier(.8, .5, .2, 1.4);width:100%;height: 4px;transition-duration: 500ms}
.nav-icon-5 span:nth-child(1){top:0px;left: 0px;}
.nav-icon-5 span:nth-child(2){top:13px;left: 0px;opacity:1;}
.nav-icon-5 span:nth-child(3){bottom:0px;left: 0px;}
.nav-icon-5.open span:nth-child(1){transform: rotate(45deg);top: 13px;}
.nav-icon-5.open span:nth-child(2){opacity:0;}
.nav-icon-5.open span:nth-child(3){transform: rotate(-45deg);top: 13px;}
/* End hamburger icon */

@media screen and (max-width:1430px){
  .nav li{display:none;}
  .nav-res-button{display:block;}
  .button-nav{margin-left: 40px;}
}

@media screen and (max-width:800px){
  .mail{display:none;}
  .menu-toggle{margin-left: 15px;}
}

@media (max-width: 1300px) {
  .hidden, .button-nav{display:none;}
  .lang-menu-mobile {display: block;}
  .lang-menu-mobile > .sub-menu span {color: var(--text);font-size: 18px;margin-left: 15px;}
  .lang-menu-mobile > .sub-menu.active .menu-links{width: 200px;margin-top: -12px;}
  .lang-menu-mobile .sub-menu .menu-links a{text-align: left;}
  .fa-bars{padding-right: 10px;}
  header {padding:10px 0px;display: block;}
  .menu-toggle {display: block;margin-right: 30px;}
  svg#Noir{margin-left: 20px;}
  header nav.active {left: 0;}
  .menu-links a{padding-left: 0;}
  .sub-menu .fa-solid:hover {color: inherit;}
  .sub-menu .fa-solid{transition: none;}
  .sub-menu {transition: all ease-in-out  .2s;}
  .sub-menu:hover{box-shadow: none;color:inherit}
  .sub-menu:hover,.menu-link a:hover,.menu-links a:hover{cursor: pointer;color:#3d95dd}
  .menu{display: block;text-align: center;padding-top: 30px;}
  .sub-menu.active .menu-links{max-width: 300px;position: relative;margin-top: 10px;margin-left: 0;}
  .sub-menu::after{transition:none;background: transparent;}
  .sub-menu:hover::after {transform: none;}
  .menu-links a:hover{box-shadow: none;}
  .menu-link{height: 50px;line-height: 4;margin-right: 10px;}
  .btn-mobile{display: block;}
  .lang-menu {display: none;}
  header nav {position: absolute;width: 100%;left: -100%;height: calc(130vh - 50px);background: var(--bg);z-index: 1;margin-top: 9px;transition: .5s;}
}

@keyframes move {
  0% {transform: translateX(10px); opacity: 0;}
  100% {transform: translateX(0px); opacity: 1;}
}