/* GRdesign unified menu layer
   Jediny zdroj vzhledu a chovani hlavni navigace napric webem. */

#header,
#body #header,
#header header,
#header .navbar {
  overflow: visible !important;
}

#header {
  z-index: 2147482000 !important;
}

#header .navbar {
  position: relative !important;
  z-index: 2147482100 !important;
  box-sizing: border-box !important;
}

#header .navbar,
#header .navbar *,
#header .navbar *::before,
#header .navbar *::after {
  box-sizing: border-box !important;
}

#header .navbar #nav-check {
  display: none;
}

#header .navbar .menu,
#header .navbar .menu ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

#header .navbar .box-item a {
  text-decoration: none !important;
}

#header .navbar .menu li {
  list-style: none !important;
}

#header .navbar .menu li a {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-weight: 700 !important;
  transition: all .25s ease-in-out !important;
}

#header .navbar .menu li:has(> ul) > a::after {
  content: "";
  display: inline-block;
  margin-left: 7px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid currentColor;
  vertical-align: middle;
}

#header .navbar .nav-btn {
  background-color: #2c2c2c !important;
  border-top: 3px solid #5c5c5c !important;
  border-bottom: 3px solid #5c5c5c !important;
  border-left: 3px solid #5c5c5c !important;
  border-right: 0 !important;
  border-radius: 4px 0 0 4px !important;
  padding: 7px 5px 4px 10px !important;
  width: 74px !important;
  height: 50px !important;
  cursor: pointer !important;
  transition: all .25s ease-in-out !important;
}

#header .navbar .nav-btn:hover,
#header .navbar #nav-check:checked ~ .nav-btn {
  background-color: #333 !important;
  border-top-color: #d1e1ef !important;
  border-bottom-color: #d1e1ef !important;
  border-left-color: #d1e1ef !important;
}

#header .navbar .nav-btn label {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  cursor: pointer !important;
}

#header .navbar .nav-btn label span {
  display: block !important;
  width: 35px !important;
  height: 12px !important;
  border-top: 7px solid #6cb9ff !important;
  transition: all .25s ease-in-out !important;
}

#header .navbar .nav-btn:hover label span,
#header .navbar #nav-check:checked ~ .nav-btn label span {
  border-top-color: #fff !important;
}

@media screen and (min-width: 1366px) {
  #header .navbar {
    height: 70px !important;
    width: 100% !important;
    padding-top: 65px !important;
    padding-right: 20px !important;
    padding-bottom: 19px !important;
    padding-left: 30px !important;
    margin-right: 260px !important;
  }

  #header .navbar .nav-btn,
  #header .navbar #nav-check {
    display: none !important;
  }

  #header .navbar .box-item {
    display: inline !important;
    float: right !important;
    position: relative !important;
    width: auto !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    z-index: 2147482200 !important;
    font-size: 16px !important;
    font-variant: normal !important;
    letter-spacing: -1px !important;
  }

  #header .navbar .box-item a {
    padding: 5px !important;
  }

  #header .navbar .box-item a:hover {
    background-color: #35363c !important;
  }

  #header .navbar .box-item .menu.level-0 {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: flex-end !important;
    gap: 5px !important;
    overflow: visible !important;
  }

  #header .navbar .box-item .menu.level-0 > li {
    display: inline-block !important;
    position: relative !important;
    width: auto !important;
  }

  #header .navbar .box-item .menu.level-0 > li > a {
    display: block !important;
    min-width: 100px !important;
    line-height: 35px !important;
    text-align: center !important;
    color: #666 !important;
    background: #fff url(bg2.png) !important;
    border-radius: 5px !important;
    border-bottom: 1px solid #333 !important;
    box-shadow: 0 5px 5px rgba(0, 0, 0, .8) !important;
  }

  #header .navbar .box-item .menu.level-0 > li:hover > a,
  #header .navbar .box-item .menu.level-0 > li:focus-within > a {
    color: #fff !important;
    background: #666 url(bg6.png) !important;
  }

  #header .navbar .box-item .menu.level-0 li > ul {
    display: none !important;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    min-width: 220px !important;
    margin: 0 !important;
    padding: 6px 0 0 !important;
    z-index: 2147482300 !important;
  }

  #header .navbar .box-item .menu.level-0 li:hover > ul,
  #header .navbar .box-item .menu.level-0 li:focus-within > ul {
    display: block !important;
  }

  #header .navbar .box-item .menu.level-0 > li > ul ul {
    left: 100% !important;
    top: 0 !important;
    padding-left: 6px !important;
  }

  #header .navbar .box-item .menu.level-0 li ul li {
    display: block !important;
    width: 100% !important;
    position: relative !important;
  }

  #header .navbar .box-item .menu.level-0 li ul li a {
    display: block !important;
    min-width: 220px !important;
    width: 100% !important;
    line-height: 35px !important;
    text-align: left !important;
    text-indent: 20px !important;
    color: #ddd !important;
    background: #252525 url(bg2.png) !important;
    border-radius: 4px !important;
    border-bottom: 1px solid #1d1d1d !important;
    box-shadow: 0 5px 5px rgba(0, 0, 0, .8) !important;
    font-size: 16px !important;
  }

  #header .navbar .box-item .menu.level-0 li ul li a:hover {
    color: #fff !important;
    background: #0373dc url(bg6.png) !important;
  }
}

@media screen and (max-width: 1365px) {
  #header,
  #body #header,
  #header header,
  #header .navbar {
    overflow: visible !important;
  }

  #header .navbar {
    width: 100% !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  #header .navbar .nav-btn {
    display: flex !important;
    flex-direction: column !important;
    position: fixed !important;
    top: 54px !important;
    right: 0 !important;
    z-index: 2147483000 !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  #header .navbar #nav-check {
    display: block !important;
    position: fixed !important;
    top: 54px !important;
    right: 0 !important;
    width: 74px !important;
    height: 56px !important;
    z-index: 2147483001 !important;
    opacity: 0 !important;
    cursor: pointer !important;
  }

  #header .navbar .box-item {
    display: block !important;
    position: fixed !important;
    top: clamp(86px, 10vw, 122px) !important;
    right: 18px !important;
    left: auto !important;
    width: min(420px, calc(100vw - 36px)) !important;
    max-width: calc(100vw - 36px) !important;
    height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    transform: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    z-index: 2147482990 !important;
    filter: drop-shadow(0 18px 26px rgba(0, 0, 0, .62)) !important;
  }

  #header .navbar #nav-check:checked ~ .box-item {
    height: auto !important;
    max-height: calc(100dvh - clamp(104px, 12vw, 142px)) !important;
    padding: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  #header .navbar .box-item .menu,
  #header .navbar .box-item .menu ul,
  #header .navbar .box-item .menu li {
    position: static !important;
    float: none !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    max-height: none !important;
    overflow: visible !important;
  }

  #header .navbar .box-item .menu.level-0 {
    margin: 0 auto !important;
  }

  #header .navbar .box-item .menu li {
    margin: 0 auto 4px !important;
  }

  #header .navbar .box-item .menu li > ul {
    display: block !important;
    width: calc(100% - 28px) !important;
    margin: 0 auto 8px !important;
  }

  #header .navbar .box-item .menu li a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 45px !important;
    margin: 0 auto !important;
    padding: 0 12px !important;
    text-align: center !important;
    color: #fff !important;
    background: #535353 url(bg2.png) !important;
    border-radius: 5px !important;
    border-bottom: 1px solid #333 !important;
    box-shadow: 0 5px 5px rgba(0, 0, 0, .8) !important;
    font-size: 16px !important;
    line-height: 1.25 !important;
  }

  #header .navbar .box-item .menu li:hover > a,
  #header .navbar .box-item .menu li:focus-within > a {
    color: #eee !important;
    background: #0084ff url(bg6.png) !important;
  }

  #header .navbar .box-item .menu li ul li a {
    min-height: 39px !important;
    font-size: 15px !important;
    text-align: center !important;
    color: #2f3036 !important;
    background: #f3f3f3 url(bg2.png) !important;
    border-bottom-color: #000 !important;
  }

  #header .navbar .box-item .menu li ul li a:hover {
    color: #fff !important;
    background: #309bfe url(bg6.png) !important;
  }
}

@media screen and (max-width: 780px) {
  #header .navbar .nav-btn,
  #header .navbar #nav-check {
    top: 50px !important;
    right: 0 !important;
  }

  #header .navbar .box-item {
    top: 112px !important;
    left: 50% !important;
    right: auto !important;
    width: min(360px, calc(100vw - 28px)) !important;
    max-width: calc(100vw - 28px) !important;
    transform: translateX(-50%) !important;
  }

  #header .navbar #nav-check:checked ~ .box-item {
    max-height: calc(100dvh - 122px) !important;
  }

  #header .navbar .box-item .menu li a {
    font-size: 16px !important;
    min-height: 44px !important;
  }
}
/* === GRdesign article menu vertical nudge BEGIN === */
body.is-article-page #header .navbar .nav-btn,
#body.is-article-page #header .navbar .nav-btn,
body.is-article-page #header .navbar .box-item,
#body.is-article-page #header .navbar .box-item {
  transform: translateY(15px) !important;
}
/* === GRdesign article menu vertical nudge END === */
/* === GRdesign homepage desktop menu nudge BEGIN === */
@media (min-width: 1366px) {
  body.is-homepage.has-home-hero #header .navbar,
  #body.is-homepage.has-home-hero #header .navbar,
  body.is-homepage.has-home-hero #header .navbar .box-item,
  #body.is-homepage.has-home-hero #header .navbar .box-item {
    transform: translateY(30px) !important;
  }
}
/* === GRdesign homepage desktop menu nudge END === */
/* === GRdesign isolated menu BEGIN === */
#header .grdesign_menu,
#header .grdesign_menu *,
#header .grdesign_menu *::before,
#header .grdesign_menu *::after {
  box-sizing: border-box !important;
}

#header,
#body #header,
#header header,
#header .grdesign_menu {
  overflow: visible !important;
}

#header .grdesign_menu {
  position: relative !important;
  z-index: 2147482500 !important;
  width: 100% !important;
  min-height: 0 !important;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

#header .grdesign_menu_check {
  display: none !important;
}

#header .grdesign_menu_header {
  display: inline-block !important;
  position: relative !important;
  z-index: 2147482600 !important;
}

#header .grdesign_menu_logo {
  display: block !important;
  background-image: url(logo_max2.webp) !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: contain !important;
  width: 360px !important;
  height: auto !important;
  aspect-ratio: 219 / 146 !important;
  transition: .25s ease-in-out !important;
}

#header .grdesign_menu .box-item,
#header .grdesign_menu .menu,
#header .grdesign_menu .menu ul,
#header .grdesign_menu .menu li {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

#header .grdesign_menu .box-item a {
  text-decoration: none !important;
}

#header .grdesign_menu .menu li a {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-weight: 700 !important;
  transition: all .25s ease-in-out !important;
}

#header .grdesign_menu .menu li:has(> ul) > a::after {
  content: "";
  display: inline-block;
  margin-left: 7px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid currentColor;
  vertical-align: middle;
}

#header .grdesign_menu_button {
  background-color: #2c2c2c !important;
  border-top: 3px solid #5c5c5c !important;
  border-bottom: 3px solid #5c5c5c !important;
  border-left: 3px solid #5c5c5c !important;
  border-right: 0 !important;
  border-radius: 4px 0 0 4px !important;
  padding: 7px 5px 4px 10px !important;
  width: 74px !important;
  height: 50px !important;
  cursor: pointer !important;
  transition: all .25s ease-in-out !important;
}

#header .grdesign_menu_button:hover,
#header .grdesign_menu_check:checked ~ .grdesign_menu_button {
  background-color: #333 !important;
  border-top-color: #d1e1ef !important;
  border-bottom-color: #d1e1ef !important;
  border-left-color: #d1e1ef !important;
}

#header .grdesign_menu_button label {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  cursor: pointer !important;
}

#header .grdesign_menu_button label span {
  display: block !important;
  width: 35px !important;
  height: 12px !important;
  border-top: 7px solid #6cb9ff !important;
  transition: all .25s ease-in-out !important;
}

#header .grdesign_menu_button:hover label span,
#header .grdesign_menu_check:checked ~ .grdesign_menu_button label span {
  border-top-color: #fff !important;
}

@media screen and (min-width: 1366px) {
  #header .grdesign_menu {
    height: 70px !important;
    width: 100% !important;
    padding: 65px 20px 19px 30px !important;
    margin-right: 260px !important;
  }

  #header .grdesign_menu_header {
    margin-left: -10px !important;
  }

  #header .grdesign_menu_logo {
    float: left !important;
    margin-top: -77px !important;
    margin-left: 5px !important;
  }

  #header .grdesign_menu_button,
  #header .grdesign_menu_check {
    display: none !important;
  }

  #header .grdesign_menu .box-item {
    display: inline !important;
    float: right !important;
    position: relative !important;
    width: auto !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    z-index: 2147482700 !important;
    font-size: 16px !important;
    font-variant: normal !important;
    letter-spacing: -1px !important;
  }

  #header .grdesign_menu .box-item a {
    padding: 5px !important;
  }

  #header .grdesign_menu .box-item a:hover {
    background-color: #35363c !important;
  }

  #header .grdesign_menu .box-item .menu.level-0 {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: flex-end !important;
    gap: 5px !important;
    overflow: visible !important;
  }

  #header .grdesign_menu .box-item .menu.level-0 > li {
    display: inline-block !important;
    position: relative !important;
    width: auto !important;
  }

  #header .grdesign_menu .box-item .menu.level-0 > li > a {
    display: block !important;
    min-width: 100px !important;
    line-height: 35px !important;
    text-align: center !important;
    color: #666 !important;
    background: #fff url(bg2.png) !important;
    border-radius: 5px !important;
    border-bottom: 1px solid #333 !important;
    box-shadow: 0 5px 5px rgba(0,0,0,.8) !important;
  }

  #header .grdesign_menu .box-item .menu.level-0 > li:hover > a,
  #header .grdesign_menu .box-item .menu.level-0 > li:focus-within > a {
    color: #fff !important;
    background: #666 url(bg6.png) !important;
  }

  #header .grdesign_menu .box-item .menu.level-0 li > ul {
    display: none !important;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    min-width: 220px !important;
    margin: 0 !important;
    padding: 6px 0 0 !important;
    z-index: 2147482800 !important;
  }

  #header .grdesign_menu .box-item .menu.level-0 li:hover > ul,
  #header .grdesign_menu .box-item .menu.level-0 li:focus-within > ul {
    display: block !important;
  }

  #header .grdesign_menu .box-item .menu.level-0 > li > ul ul {
    left: 100% !important;
    top: 0 !important;
    padding-left: 6px !important;
  }

  #header .grdesign_menu .box-item .menu.level-0 li ul li {
    display: block !important;
    width: 100% !important;
    position: relative !important;
  }

  #header .grdesign_menu .box-item .menu.level-0 li ul li a {
    display: block !important;
    min-width: 220px !important;
    width: 100% !important;
    line-height: 35px !important;
    text-align: left !important;
    text-indent: 20px !important;
    color: #ddd !important;
    background: #252525 url(bg2.png) !important;
    border-radius: 4px !important;
    border-bottom: 1px solid #1d1d1d !important;
    box-shadow: 0 5px 5px rgba(0,0,0,.8) !important;
    font-size: 16px !important;
  }

  #header .grdesign_menu .box-item .menu.level-0 li ul li a:hover {
    color: #fff !important;
    background: #0373dc url(bg6.png) !important;
  }
}

@media screen and (max-width: 1365px) {
  #header .grdesign_menu {
    width: 100% !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  #header .grdesign_menu_header {
    position: relative !important;
    z-index: 2147482600 !important;
  }

  #header .grdesign_menu_logo {
    width: 280px !important;
    height: auto !important;
    aspect-ratio: 219 / 146 !important;
    margin-top: -2px !important;
    margin-left: 30px !important;
  }

  #header .grdesign_menu_button {
    display: flex !important;
    flex-direction: column !important;
    position: fixed !important;
    top: 54px !important;
    right: 0 !important;
    z-index: 2147483400 !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  #header .grdesign_menu_check {
    display: block !important;
    position: fixed !important;
    top: 54px !important;
    right: 0 !important;
    width: 74px !important;
    height: 56px !important;
    z-index: 2147483401 !important;
    opacity: 0 !important;
    cursor: pointer !important;
  }

  #header .grdesign_menu .box-item {
    display: block !important;
    position: fixed !important;
    top: clamp(86px, 10vw, 122px) !important;
    right: 18px !important;
    left: auto !important;
    width: min(420px, calc(100vw - 36px)) !important;
    max-width: calc(100vw - 36px) !important;
    height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    transform: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    z-index: 2147483300 !important;
    filter: drop-shadow(0 18px 26px rgba(0,0,0,.62)) !important;
  }

  #header .grdesign_menu_check:checked ~ .box-item {
    height: auto !important;
    max-height: calc(100dvh - clamp(104px, 12vw, 142px)) !important;
    padding: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  #header .grdesign_menu .box-item .menu,
  #header .grdesign_menu .box-item .menu ul,
  #header .grdesign_menu .box-item .menu li {
    position: static !important;
    float: none !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    max-height: none !important;
    overflow: visible !important;
  }

  #header .grdesign_menu .box-item .menu.level-0 {
    margin: 0 auto !important;
  }

  #header .grdesign_menu .box-item .menu li {
    margin: 0 auto 4px !important;
  }

  #header .grdesign_menu .box-item .menu li > ul {
    display: block !important;
    width: calc(100% - 28px) !important;
    margin: 0 auto 8px !important;
  }

  #header .grdesign_menu .box-item .menu li a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 45px !important;
    margin: 0 auto !important;
    padding: 0 12px !important;
    text-align: center !important;
    color: #fff !important;
    background: #535353 url(bg2.png) !important;
    border-radius: 5px !important;
    border-bottom: 1px solid #333 !important;
    box-shadow: 0 5px 5px rgba(0,0,0,.8) !important;
    font-size: 16px !important;
    line-height: 1.25 !important;
  }

  #header .grdesign_menu .box-item .menu li:hover > a,
  #header .grdesign_menu .box-item .menu li:focus-within > a {
    color: #eee !important;
    background: #0084ff url(bg6.png) !important;
  }

  #header .grdesign_menu .box-item .menu li ul li a {
    min-height: 39px !important;
    font-size: 15px !important;
    text-align: center !important;
    color: #2f3036 !important;
    background: #f3f3f3 url(bg2.png) !important;
    border-bottom-color: #000 !important;
  }

  #header .grdesign_menu .box-item .menu li ul li a:hover {
    color: #fff !important;
    background: #309bfe url(bg6.png) !important;
  }
}

@media screen and (max-width: 780px) {
  #header .grdesign_menu_logo {
    width: 160px !important;
    height: auto !important;
    aspect-ratio: 219 / 146 !important;
    margin-top: 20px !important;
    margin-left: 28px !important;
  }

  #header .grdesign_menu_button,
  #header .grdesign_menu_check {
    top: 50px !important;
    right: 0 !important;
  }

  #header .grdesign_menu .box-item {
    top: 112px !important;
    left: 50% !important;
    right: auto !important;
    width: min(360px, calc(100vw - 28px)) !important;
    max-width: calc(100vw - 28px) !important;
    transform: translateX(-50%) !important;
  }

  #header .grdesign_menu_check:checked ~ .box-item {
    max-height: calc(100dvh - 122px) !important;
  }

  #header .grdesign_menu .box-item .menu li a {
    font-size: 16px !important;
    min-height: 44px !important;
  }
}
/* === GRdesign isolated menu END === */
/* === GRdesign logo size compatibility BEGIN === */
@media screen and (min-width: 1366px) {
  #header .grdesign_menu_logo,
  #header .nav-logo,
  .navbar .nav-header .nav-logo,
  .nav-logo {
    width: 360px !important;
    height: auto !important;
    aspect-ratio: 219 / 146 !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
  }
}

@media screen and (min-width: 781px) and (max-width: 1365px) {
  #header .grdesign_menu_logo,
  #header .nav-logo,
  .navbar .nav-header .nav-logo,
  .nav-logo {
    width: 280px !important;
    height: auto !important;
    aspect-ratio: 219 / 146 !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
  }
}

@media screen and (max-width: 780px) {
  #header .grdesign_menu_logo,
  #header .nav-logo,
  .navbar .nav-header .nav-logo,
  .nav-logo {
    width: 160px !important;
    height: auto !important;
    aspect-ratio: 219 / 146 !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
  }
}
/* === GRdesign logo size compatibility END === */
/* === GRdesign unified logo position BEGIN === */
@media screen and (min-width: 1366px) {
  body.is-homepage #header .grdesign_menu_logo,
  body.is-homepage.has-home-hero #header .grdesign_menu_logo,
  body.is-article-page #header .grdesign_menu_logo,
  body.is-shared-hero-page #header .grdesign_menu_logo,
  #body.is-homepage #header .grdesign_menu_logo,
  #body.is-homepage.has-home-hero #header .grdesign_menu_logo,
  #body.is-article-page #header .grdesign_menu_logo,
  #body.is-shared-hero-page #header .grdesign_menu_logo {
    margin-top: -77px !important;
    margin-left: 5px !important;
  }
}

@media screen and (min-width: 781px) and (max-width: 1365px) {
  body.is-homepage #header .grdesign_menu_logo,
  body.is-homepage.has-home-hero #header .grdesign_menu_logo,
  body.is-article-page #header .grdesign_menu_logo,
  body.is-shared-hero-page #header .grdesign_menu_logo,
  #body.is-homepage #header .grdesign_menu_logo,
  #body.is-homepage.has-home-hero #header .grdesign_menu_logo,
  #body.is-article-page #header .grdesign_menu_logo,
  #body.is-shared-hero-page #header .grdesign_menu_logo {
    margin-top: -2px !important;
    margin-left: 30px !important;
  }
}

@media screen and (max-width: 780px) {
  body.is-homepage #header .grdesign_menu_logo,
  body.is-homepage.has-home-hero #header .grdesign_menu_logo,
  body.is-article-page #header .grdesign_menu_logo,
  body.is-shared-hero-page #header .grdesign_menu_logo,
  #body.is-homepage #header .grdesign_menu_logo,
  #body.is-homepage.has-home-hero #header .grdesign_menu_logo,
  #body.is-article-page #header .grdesign_menu_logo,
  #body.is-shared-hero-page #header .grdesign_menu_logo {
    margin-top: 0px !important;
    margin-left: 28px !important;
  }
}
/* === GRdesign unified logo position END === */
/* === GRdesign article mobile logo hard fix BEGIN === */
@media screen and (max-width: 780px) {
  html body #body.is-article-page #header .grdesign_menu_logo,
  html body.is-article-page #header .grdesign_menu_logo,
  html body.t-page #body.is-article-page #header .grdesign_menu_logo,
  html body #body.is-article-page #header .nav-logo,
  html body.is-article-page #header .nav-logo,
  html body.t-page #body.is-article-page #header .nav-logo {
    width: 160px !important;
    height: auto !important;
    aspect-ratio: 219 / 146 !important;
    margin-top: 0px !important;
    margin-left: 28px !important;
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
  }
}
/* === GRdesign article mobile logo hard fix END === */
/* === GRdesign unified menu shell position BEGIN === */
#body.is-homepage #header .grdesign_menu,
#body.is-homepage.has-home-hero #header .grdesign_menu,
#body.is-article-page #header .grdesign_menu,
#body.is-shared-hero-page #header .grdesign_menu,
body.is-homepage #header .grdesign_menu,
body.is-homepage.has-home-hero #header .grdesign_menu,
body.is-article-page #header .grdesign_menu,
body.is-shared-hero-page #header .grdesign_menu {
  position: relative !important;
  top: 0 !important;
  transform: none !important;
}

#body.is-homepage #header .grdesign_menu_header,
#body.is-homepage.has-home-hero #header .grdesign_menu_header,
#body.is-article-page #header .grdesign_menu_header,
#body.is-shared-hero-page #header .grdesign_menu_header,
body.is-homepage #header .grdesign_menu_header,
body.is-homepage.has-home-hero #header .grdesign_menu_header,
body.is-article-page #header .grdesign_menu_header,
body.is-shared-hero-page #header .grdesign_menu_header {
  position: relative !important;
  top: 0 !important;
  transform: none !important;
}

@media screen and (min-width: 1366px) {
  #body.is-homepage #header .grdesign_menu,
  #body.is-homepage.has-home-hero #header .grdesign_menu,
  #body.is-article-page #header .grdesign_menu,
  #body.is-shared-hero-page #header .grdesign_menu,
  body.is-homepage #header .grdesign_menu,
  body.is-homepage.has-home-hero #header .grdesign_menu,
  body.is-article-page #header .grdesign_menu,
  body.is-shared-hero-page #header .grdesign_menu {
    padding-top: 65px !important;
  }
}

@media screen and (max-width: 1365px) {
  #body.is-homepage #header .grdesign_menu,
  #body.is-homepage.has-home-hero #header .grdesign_menu,
  #body.is-article-page #header .grdesign_menu,
  #body.is-shared-hero-page #header .grdesign_menu,
  body.is-homepage #header .grdesign_menu,
  body.is-homepage.has-home-hero #header .grdesign_menu,
  body.is-article-page #header .grdesign_menu,
  body.is-shared-hero-page #header .grdesign_menu {
    padding-top: 0 !important;
  }
}
/* === GRdesign unified menu shell position END === */
/* === GRdesign header shell neutralizer BEGIN === */
@media screen and (max-width: 780px) {
  html body #body.is-homepage #header,
  html body #body.is-homepage.has-home-hero #header,
  html body #body.is-article-page #header,
  html body #body.is-shared-hero-page #header {
    padding-top: 0 !important;
  }

  html body #body.is-homepage #header #colOne,
  html body #body.is-homepage.has-home-hero #header #colOne,
  html body #body.is-article-page #header #colOne,
  html body #body.is-shared-hero-page #header #colOne,
  html body #body.is-homepage #header #rame,
  html body #body.is-homepage.has-home-hero #header #rame,
  html body #body.is-article-page #header #rame,
  html body #body.is-shared-hero-page #header #rame,
  html body #body.is-homepage #header #rame > header,
  html body #body.is-homepage.has-home-hero #header #rame > header,
  html body #body.is-article-page #header #rame > header,
  html body #body.is-shared-hero-page #header #rame > header {
    position: relative !important;
    top: 0 !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
    transform: none !important;
  }

  html body #body.is-homepage #header .grdesign_menu,
  html body #body.is-homepage.has-home-hero #header .grdesign_menu,
  html body #body.is-article-page #header .grdesign_menu,
  html body #body.is-shared-hero-page #header .grdesign_menu {
    position: relative !important;
    top: 0 !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
    transform: none !important;
  }
}
/* === GRdesign header shell neutralizer END === */
/* === GRdesign menu above hero text BEGIN === */
#body.is-article-page #header,
#body.is-shared-hero-page #header,
body.is-article-page #header,
body.is-shared-hero-page #header {
  position: relative !important;
  z-index: 2147483000 !important;
}

#body.is-article-page #header .grdesign_menu,
#body.is-shared-hero-page #header .grdesign_menu,
body.is-article-page #header .grdesign_menu,
body.is-shared-hero-page #header .grdesign_menu {
  position: relative !important;
  z-index: 2147483100 !important;
}

#body.is-article-page #header .grdesign_menu_button,
#body.is-shared-hero-page #header .grdesign_menu_button,
body.is-article-page #header .grdesign_menu_button,
body.is-shared-hero-page #header .grdesign_menu_button,
#body.is-article-page #header .grdesign_menu_check,
#body.is-shared-hero-page #header .grdesign_menu_check,
body.is-article-page #header .grdesign_menu_check,
body.is-shared-hero-page #header .grdesign_menu_check {
  z-index: 2147483600 !important;
}

#body.is-article-page #header .grdesign_menu .box-item,
#body.is-shared-hero-page #header .grdesign_menu .box-item,
body.is-article-page #header .grdesign_menu .box-item,
body.is-shared-hero-page #header .grdesign_menu .box-item {
  z-index: 2147483500 !important;
}

#body.is-article-page .article-hero-stage,
#body.is-shared-hero-page .article-hero-stage,
#body.is-shared-hero-page .page-hero-stage,
body.is-article-page .article-hero-stage,
body.is-shared-hero-page .article-hero-stage,
body.is-shared-hero-page .page-hero-stage {
  z-index: 10 !important;
}

/* === GRdesign menu above hero text END === */
/* === GRdesign menu stacking above shared/article hero BEGIN === */
#body.is-article-page #header,
#body.is-shared-hero-page #header,
body.is-article-page #header,
body.is-shared-hero-page #header {
  position: relative !important;
  z-index: 9000 !important;
}

#body.is-article-page #header .grdesign_menu,
#body.is-shared-hero-page #header .grdesign_menu,
body.is-article-page #header .grdesign_menu,
body.is-shared-hero-page #header .grdesign_menu,
#body.is-article-page #header .grdesign_menu .box-item,
#body.is-shared-hero-page #header .grdesign_menu .box-item,
body.is-article-page #header .grdesign_menu .box-item,
body.is-shared-hero-page #header .grdesign_menu .box-item,
#body.is-article-page #header .grdesign_menu .menu ul,
#body.is-shared-hero-page #header .grdesign_menu .menu ul,
body.is-article-page #header .grdesign_menu .menu ul,
body.is-shared-hero-page #header .grdesign_menu .menu ul {
  z-index: 9100 !important;
}
/* === GRdesign menu stacking above shared/article hero END === */
/* === GRdesign menu body portal BEGIN === */
@media screen and (max-width: 1365px) {
  body > .grdesign_menu_portal {
    display: block !important;
    position: fixed !important;
    top: clamp(86px, 10vw, 122px) !important;
    right: 18px !important;
    left: auto !important;
    width: min(420px, calc(100vw - 36px)) !important;
    max-width: calc(100vw - 36px) !important;
    height: auto !important;
    max-height: calc(100dvh - clamp(104px, 12vw, 142px)) !important;
    padding: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    transform: none !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    z-index: 2147483600 !important;
    filter: drop-shadow(0 18px 26px rgba(0,0,0,.62)) !important;
  }

  body > .grdesign_menu_portal .menu,
  body > .grdesign_menu_portal .menu ul,
  body > .grdesign_menu_portal .menu li {
    position: static !important;
    float: none !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    max-height: none !important;
    overflow: visible !important;
  }

  body > .grdesign_menu_portal .menu.level-0 {
    margin: 0 auto !important;
  }

  body > .grdesign_menu_portal .menu li {
    margin: 0 auto 4px !important;
  }

  body > .grdesign_menu_portal .menu li > ul {
    display: block !important;
    width: calc(100% - 28px) !important;
    margin: 0 auto 8px !important;
  }

  body > .grdesign_menu_portal .menu li a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 45px !important;
    margin: 0 auto !important;
    padding: 0 12px !important;
    text-align: center !important;
    color: #fff !important;
    background: #535353 url(bg2.png) !important;
    border-radius: 5px !important;
    border-bottom: 1px solid #333 !important;
    box-shadow: 0 5px 5px rgba(0,0,0,.8) !important;
    font-size: 16px !important;
    line-height: 1.25 !important;
    text-decoration: none !important;
  }

  body > .grdesign_menu_portal .menu li:hover > a,
  body > .grdesign_menu_portal .menu li:focus-within > a {
    color: #eee !important;
    background: #0084ff url(bg6.png) !important;
  }

  body > .grdesign_menu_portal .menu li ul li a {
    min-height: 39px !important;
    font-size: 15px !important;
    text-align: center !important;
    color: #2f3036 !important;
    background: #f3f3f3 url(bg2.png) !important;
    border-bottom-color: #000 !important;
  }

  body > .grdesign_menu_portal .menu li ul li a:hover {
    color: #fff !important;
    background: #309bfe url(bg6.png) !important;
  }
}

@media screen and (max-width: 780px) {
  body > .grdesign_menu_portal {
    top: 112px !important;
    left: 50% !important;
    right: auto !important;
    width: min(360px, calc(100vw - 28px)) !important;
    max-width: calc(100vw - 28px) !important;
    max-height: calc(100dvh - 122px) !important;
    transform: translateX(-50%) !important;
  }

  body > .grdesign_menu_portal .menu li a {
    font-size: 16px !important;
    min-height: 44px !important;
  }
}
/* === GRdesign menu body portal END === */
/* === GRdesign final menu/hero stacking guard 20260712 BEGIN === */
#body.is-article-page #header,
#body.is-shared-hero-page #header,
body.is-article-page #header,
body.is-shared-hero-page #header {
  z-index: auto !important;
  isolation: auto !important;
  overflow: visible !important;
}

#body.is-article-page #header .grdesign_menu,
#body.is-shared-hero-page #header .grdesign_menu,
body.is-article-page #header .grdesign_menu,
body.is-shared-hero-page #header .grdesign_menu,
#body.is-article-page #header .grdesign_menu_header,
#body.is-shared-hero-page #header .grdesign_menu_header,
body.is-article-page #header .grdesign_menu_header,
body.is-shared-hero-page #header .grdesign_menu_header,
#body.is-article-page #header .grdesign_menu_button,
#body.is-shared-hero-page #header .grdesign_menu_button,
body.is-article-page #header .grdesign_menu_button,
body.is-shared-hero-page #header .grdesign_menu_button,
#body.is-article-page #header .grdesign_menu_check,
#body.is-shared-hero-page #header .grdesign_menu_check,
body.is-article-page #header .grdesign_menu_check,
body.is-shared-hero-page #header .grdesign_menu_check,
#body.is-article-page #header .grdesign_menu .box-item,
#body.is-shared-hero-page #header .grdesign_menu .box-item,
body.is-article-page #header .grdesign_menu .box-item,
body.is-shared-hero-page #header .grdesign_menu .box-item {
  position: relative !important;
  z-index: 9100 !important;
}

#body.is-article-page .article-hero-stage,
#body.is-shared-hero-page .article-hero-stage,
body.is-article-page .article-hero-stage,
body.is-shared-hero-page .article-hero-stage {
  z-index: 2000 !important;
}

#body.is-article-page .article-hero-stage > .article-hero-bg,
#body.is-article-page .article-hero-stage > .article-hero-vignette,
#body.is-shared-hero-page .article-hero-stage > .article-hero-bg,
#body.is-shared-hero-page .article-hero-stage > .article-hero-vignette,
body.is-article-page .article-hero-stage > .article-hero-bg,
body.is-article-page .article-hero-stage > .article-hero-vignette,
body.is-shared-hero-page .article-hero-stage > .article-hero-bg,
body.is-shared-hero-page .article-hero-stage > .article-hero-vignette {
  z-index: 0 !important;
}

#body.is-article-page .article-hero-copy,
#body.is-shared-hero-page .article-hero-copy,
body.is-article-page .article-hero-copy,
body.is-shared-hero-page .article-hero-copy {
  z-index: 2010 !important;
}
/* === GRdesign final menu/hero stacking guard 20260712 END === */
/* === GRdesign hamburger fixed position after stacking guard 20260712 BEGIN === */
@media screen and (max-width: 1365px) {
  html body #body #header .grdesign_menu_button,
  html body #body.is-article-page #header .grdesign_menu_button,
  html body #body.is-shared-hero-page #header .grdesign_menu_button,
  html body #body.is-homepage #header .grdesign_menu_button,
  html body #body.is-homepage.has-home-hero #header .grdesign_menu_button,
  html body #header .grdesign_menu_button {
    display: flex !important;
    position: fixed !important;
    top: 54px !important;
    right: 0 !important;
    left: auto !important;
    transform: none !important;
    z-index: 2147483400 !important;
  }

  html body #body #header .grdesign_menu_check,
  html body #body.is-article-page #header .grdesign_menu_check,
  html body #body.is-shared-hero-page #header .grdesign_menu_check,
  html body #body.is-homepage #header .grdesign_menu_check,
  html body #body.is-homepage.has-home-hero #header .grdesign_menu_check,
  html body #header .grdesign_menu_check {
    display: block !important;
    position: fixed !important;
    top: 54px !important;
    right: 0 !important;
    left: auto !important;
    width: 74px !important;
    height: 56px !important;
    transform: none !important;
    z-index: 2147483401 !important;
    opacity: 0 !important;
  }
}

@media screen and (max-width: 780px) {
  html body #body #header .grdesign_menu_button,
  html body #body.is-article-page #header .grdesign_menu_button,
  html body #body.is-shared-hero-page #header .grdesign_menu_button,
  html body #body.is-homepage #header .grdesign_menu_button,
  html body #body.is-homepage.has-home-hero #header .grdesign_menu_button,
  html body #header .grdesign_menu_button,
  html body #body #header .grdesign_menu_check,
  html body #body.is-article-page #header .grdesign_menu_check,
  html body #body.is-shared-hero-page #header .grdesign_menu_check,
  html body #body.is-homepage #header .grdesign_menu_check,
  html body #body.is-homepage.has-home-hero #header .grdesign_menu_check,
  html body #header .grdesign_menu_check {
    top: 50px !important;
    right: 0 !important;
    left: auto !important;
  }
}
/* === GRdesign hamburger fixed position after stacking guard 20260712 END === */
/* === GRdesign menu dropdown above hero text 20260712 BEGIN === */
@media screen and (max-width: 1365px) {
  html body #body #header .grdesign_menu .box-item,
  html body #body.is-article-page #header .grdesign_menu .box-item,
  html body #body.is-shared-hero-page #header .grdesign_menu .box-item,
  html body #body.is-homepage #header .grdesign_menu .box-item,
  html body #body.is-homepage.has-home-hero #header .grdesign_menu .box-item,
  html body #header .grdesign_menu .box-item {
    display: block !important;
    position: fixed !important;
    top: clamp(86px, 10vw, 122px) !important;
    right: 18px !important;
    left: auto !important;
    width: min(420px, calc(100vw - 36px)) !important;
    max-width: calc(100vw - 36px) !important;
    height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    transform: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    z-index: 2147483300 !important;
    filter: drop-shadow(0 18px 26px rgba(0,0,0,.62)) !important;
  }

  html body #body #header .grdesign_menu_check:checked ~ .box-item,
  html body #body.is-article-page #header .grdesign_menu_check:checked ~ .box-item,
  html body #body.is-shared-hero-page #header .grdesign_menu_check:checked ~ .box-item,
  html body #body.is-homepage #header .grdesign_menu_check:checked ~ .box-item,
  html body #body.is-homepage.has-home-hero #header .grdesign_menu_check:checked ~ .box-item,
  html body #header .grdesign_menu_check:checked ~ .box-item {
    height: auto !important;
    max-height: calc(100dvh - clamp(104px, 12vw, 142px)) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  html body > .grdesign_menu_portal {
    z-index: 2147483600 !important;
    pointer-events: auto !important;
  }
}

@media screen and (max-width: 780px) {
  html body #body #header .grdesign_menu .box-item,
  html body #body.is-article-page #header .grdesign_menu .box-item,
  html body #body.is-shared-hero-page #header .grdesign_menu .box-item,
  html body #body.is-homepage #header .grdesign_menu .box-item,
  html body #body.is-homepage.has-home-hero #header .grdesign_menu .box-item,
  html body #header .grdesign_menu .box-item {
    top: 112px !important;
    left: 50% !important;
    right: auto !important;
    width: min(360px, calc(100vw - 28px)) !important;
    max-width: calc(100vw - 28px) !important;
    transform: translateX(-50%) !important;
  }

  html body #body #header .grdesign_menu_check:checked ~ .box-item,
  html body #body.is-article-page #header .grdesign_menu_check:checked ~ .box-item,
  html body #body.is-shared-hero-page #header .grdesign_menu_check:checked ~ .box-item,
  html body #body.is-homepage #header .grdesign_menu_check:checked ~ .box-item,
  html body #body.is-homepage.has-home-hero #header .grdesign_menu_check:checked ~ .box-item,
  html body #header .grdesign_menu_check:checked ~ .box-item {
    max-height: calc(100dvh - 122px) !important;
  }
}
/* === GRdesign menu dropdown above hero text 20260712 END === */
/* === GRdesign JS menu portal hard layer 20260712 BEGIN === */
@media screen and (max-width: 1365px) {
  body > [data-grdesign-menu-portal="1"],
  html body > [data-grdesign-menu-portal="1"].grdesign_menu_portal {
    position: fixed !important;
    top: clamp(86px, 10vw, 122px) !important;
    right: 18px !important;
    left: auto !important;
    width: min(420px, calc(100vw - 36px)) !important;
    max-width: calc(100vw - 36px) !important;
    max-height: calc(100dvh - clamp(104px, 12vw, 142px)) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    z-index: 2147483647 !important;
    transform: none !important;
    isolation: isolate !important;
  }
}

@media screen and (max-width: 780px) {
  body > [data-grdesign-menu-portal="1"],
  html body > [data-grdesign-menu-portal="1"].grdesign_menu_portal {
    top: 112px !important;
    left: 50% !important;
    right: auto !important;
    width: min(360px, calc(100vw - 28px)) !important;
    max-width: calc(100vw - 28px) !important;
    max-height: calc(100dvh - 122px) !important;
    transform: translateX(-50%) !important;
  }
}
/* === GRdesign JS menu portal hard layer 20260712 END === */

/* Desktop: keep the complete navigation stacking context above the hero. */
@media screen and (min-width: 1366px) {
  html body.t-page #body.is-shared-hero-page #header,
  html body #body.is-article-page #header,
  html body #body.is-homepage #header {
    position: relative !important;
    z-index: 100 !important;
  }
}


/* Sync touch: desktop menu stacking guard 20260712-2 */

/* Desktop menu readability and expanding dropdown trigger 20260712 */
@media screen and (min-width: 1366px) {
  #header .grdesign_menu .box-item .menu a,
  #header .grdesign_menu .box-item .menu a:visited,
  #header .grdesign_menu .box-item .menu a:hover,
  #header .grdesign_menu .box-item .menu a:focus-visible {
    color: #34363b !important;
  }

  #header .grdesign_menu .box-item .menu.level-0 > li > a {
    box-sizing: border-box !important;
  }

  #header .grdesign_menu .box-item .menu.level-0 > li:has(> ul) > a {
    width: 100px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    transform-origin: center center !important;
    transition: width .6s ease-in-out,
                margin-left .6s ease-in-out,
                margin-right .6s ease-in-out,
                background-color .3s ease,
                box-shadow .3s ease !important;
  }

  #header .grdesign_menu .box-item .menu.level-0 > li:has(> ul):hover > a,
  #header .grdesign_menu .box-item .menu.level-0 > li:has(> ul):focus-within > a {
    width: 150px !important;
    margin-left: -25px !important;
    margin-right: -25px !important;
    color: #34363b !important;
    background: #80c4ff url(bg6.png) !important;
  }

  #header .grdesign_menu .box-item .menu.level-0 li ul li a,
  #header .grdesign_menu .box-item .menu.level-0 li ul li a:hover,
  #header .grdesign_menu .box-item .menu.level-0 li ul li a:focus-visible {
    color: #34363b !important;
  }

  #header .grdesign_menu .box-item .menu.level-0 li ul li a:hover,
  #header .grdesign_menu .box-item .menu.level-0 li ul li a:focus-visible {
    background: #80c4ff url(bg6.png) !important;
  }
}

@media screen and (min-width: 1366px) and (prefers-reduced-motion: reduce) {
  #header .grdesign_menu .box-item .menu.level-0 > li:has(> ul) > a {
    transition-duration: .01ms !important;
  }
}


/* Sync touch: desktop menu motion and readability 20260712 */


/* Desktop blue hover consistency 20260712 */
@media screen and (min-width: 1366px) {
  #header .grdesign_menu .box-item .menu.level-0 > li:hover > a,
  #header .grdesign_menu .box-item .menu.level-0 > li:focus-within > a,
  #header .grdesign_menu .box-item .menu.level-0 li ul li a:hover,
  #header .grdesign_menu .box-item .menu.level-0 li ul li a:focus-visible {
    color: #34363b !important;
    background: #80c4ff url(bg6.png) !important;
  }
}

/* Keep hero heading rendered behind the open desktop menu 20260712 */
@media screen and (min-width: 1366px) {
  html body #body.is-shared-hero-page .article-hero-copy,
  html body #body.is-shared-hero-page .article-hero-title-slot,
  html body #body.is-shared-hero-page .article-hero-title-slot h1,
  html body #body.is-article-page .article-hero-copy,
  html body #body.is-article-page .article-hero-title-slot,
  html body #body.is-article-page .article-hero-title-slot h1,
  html body #body.is-homepage .article-hero-copy,
  html body #body.is-homepage .article-hero-title-slot,
  html body #body.is-homepage .article-hero-title-slot h1 {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  html body #body .article-hero-stage {
    z-index: 20 !important;
  }

  html body #body .article-hero-copy,
  html body #body .article-hero-title-slot,
  html body #body .article-hero-title-slot h1 {
    z-index: 22 !important;
  }

  #header .grdesign_menu .box-item .menu.level-0 li > ul,
  #header .grdesign_menu .box-item .menu.level-0 li > ul li,
  #header .grdesign_menu .box-item .menu.level-0 li > ul li a {
    opacity: 1 !important;
  }

  #header .grdesign_menu .box-item .menu.level-0 li > ul li a {
    background-color: #f2f3f5 !important;
    background-image: none !important;
  }

  #header .grdesign_menu .box-item .menu.level-0 li > ul li a:hover,
  #header .grdesign_menu .box-item .menu.level-0 li > ul li a:focus-visible {
    color: #34363b !important;
    background-color: #80c4ff !important;
    background-image: none !important;
  }
}


/* Visual correction: centered dropdown trigger and hero layering 20260712 */
@media screen and (min-width: 1366px) {
  html body.t-page #body.is-shared-hero-page #header,
  html body #body.is-article-page #header,
  html body #body.is-homepage #header {
    position: relative !important;
    z-index: 10000 !important;
  }

  html body.t-page #body.is-shared-hero-page .article-hero-stage,
  html body #body.is-article-page .article-hero-stage,
  html body #body.is-homepage .article-hero-stage {
    z-index: 20 !important;
  }

  #header .grdesign_menu .box-item .menu.level-0 > li:has(> ul) {
    flex: 0 0 100px !important;
    width: 100px !important;
    min-width: 100px !important;
    position: relative !important;
  }

  #header .grdesign_menu .box-item .menu.level-0 > li:has(> ul) > a {
    position: relative !important;
    left: 50% !important;
    width: 100px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    transform: translateX(-50%) !important;
    transform-origin: center center !important;
    z-index: 2 !important;
    transition: width .5s ease-in-out,
                background-color .3s ease,
                box-shadow .3s ease !important;
  }

  #header .grdesign_menu .box-item .menu.level-0 > li:has(> ul):hover > a,
  #header .grdesign_menu .box-item .menu.level-0 > li:has(> ul):focus-within > a {
    width: 150px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  #header .grdesign_menu .box-item .menu.level-0 > li:has(> ul) > ul {
    position: absolute !important;
    top: 100% !important;
    left: 50% !important;
    right: auto !important;
    width: 220px !important;
    min-width: 220px !important;
    transform: translateX(-50%) !important;
    z-index: 9100 !important;
  }

  #header .grdesign_menu .box-item .menu.level-0 > li:has(> ul) > ul li,
  #header .grdesign_menu .box-item .menu.level-0 > li:has(> ul) > ul li a {
    width: 220px !important;
    min-width: 220px !important;
    background-color: #f2f3f5 !important;
    background-image: none !important;
    opacity: 1 !important;
  }
}

/* Final layering: hero visible, navigation only above it 20260712 */
@media screen and (min-width: 1366px) {
  html body.t-page #body.is-shared-hero-page #header,
  html body #body.is-article-page #header,
  html body #body.is-homepage #header {
    z-index: auto !important;
    transform: none !important;
    isolation: auto !important;
    overflow: visible !important;
  }

  html body.t-page #body.is-shared-hero-page #header #colOne,
  html body.t-page #body.is-shared-hero-page #header #rame,
  html body.t-page #body.is-shared-hero-page #header #rame > header,
  html body.t-page #body.is-shared-hero-page #header .grdesign_menu,
  html body #body.is-article-page #header .grdesign_menu,
  html body #body.is-homepage #header .grdesign_menu {
    position: relative !important;
    z-index: 10000 !important;
    transform: none !important;
    isolation: auto !important;
    overflow: visible !important;
  }
}

/* Sync touch: final hero-behind-menu layering 20260712 */

/* Mobile and tablet menu readable link colors 20260712 */
@media screen and (max-width: 1365px) {
  html body #header .grdesign_menu .box-item .menu a,
  html body #header .grdesign_menu .box-item .menu a:link,
  html body #header .grdesign_menu .box-item .menu a:visited,
  html body #header .grdesign_menu .box-item .menu a:hover,
  html body #header .grdesign_menu .box-item .menu a:focus,
  html body #header .grdesign_menu .box-item .menu a:focus-visible,
  html body #header .grdesign_menu .box-item .menu a:active,
  html body > .grdesign_menu_portal .menu a,
  html body > .grdesign_menu_portal .menu a:link,
  html body > .grdesign_menu_portal .menu a:visited,
  html body > .grdesign_menu_portal .menu a:hover,
  html body > .grdesign_menu_portal .menu a:focus,
  html body > .grdesign_menu_portal .menu a:focus-visible,
  html body > .grdesign_menu_portal .menu a:active,
  html body > [data-grdesign-menu-portal="1"] .menu a,
  html body > [data-grdesign-menu-portal="1"] .menu a:link,
  html body > [data-grdesign-menu-portal="1"] .menu a:visited,
  html body > [data-grdesign-menu-portal="1"] .menu a:hover,
  html body > [data-grdesign-menu-portal="1"] .menu a:focus-visible,
  html body > [data-grdesign-menu-portal="1"] .menu a:active {
    color: #34363b !important;
    text-shadow: none !important;
  }

  html body #header .grdesign_menu .box-item .menu li > a,
  html body > .grdesign_menu_portal .menu li > a,
  html body > [data-grdesign-menu-portal="1"] .menu li > a {
    background-color: #f2f3f5 !important;
    background-image: none !important;
    opacity: 1 !important;
  }

  html body #header .grdesign_menu .box-item .menu li:hover > a,
  html body #header .grdesign_menu .box-item .menu li:focus-within > a,
  html body > .grdesign_menu_portal .menu li:hover > a,
  html body > .grdesign_menu_portal .menu li:focus-within > a,
  html body > [data-grdesign-menu-portal="1"] .menu li:hover > a,
  html body > [data-grdesign-menu-portal="1"] .menu li:focus-within > a {
    color: #34363b !important;
    background-color: #80c4ff !important;
    background-image: none !important;
  }
}

/* Sync touch: mobile-tablet menu contrast 20260712 */

/* Mobile and tablet submenu translucent grey overlay 20260712 */
@media screen and (max-width: 1365px) {
  html body #header .grdesign_menu .box-item .menu li ul li > a,
  html body > .grdesign_menu_portal .menu li ul li > a,
  html body > [data-grdesign-menu-portal="1"] .menu li ul li > a {
    color: #34363b !important;
    background-color: rgba(205, 208, 213, .80) !important;
    background-image: none !important;
    opacity: 1 !important;
    backdrop-filter: blur(2px) !important;
    -webkit-backdrop-filter: blur(2px) !important;
  }

  html body #header .grdesign_menu .box-item .menu li ul li:hover > a,
  html body #header .grdesign_menu .box-item .menu li ul li:focus-within > a,
  html body > .grdesign_menu_portal .menu li ul li:hover > a,
  html body > .grdesign_menu_portal .menu li ul li:focus-within > a,
  html body > [data-grdesign-menu-portal="1"] .menu li ul li:hover > a,
  html body > [data-grdesign-menu-portal="1"] .menu li ul li:focus-within > a {
    color: #34363b !important;
    background-color: rgba(128, 196, 255, .92) !important;
    background-image: none !important;
  }
}

/* Sync touch: responsive submenu overlay 20260712 */

/* Calendar page warm beige background fallback 20260712 */
html:has(body.is-grde-events-page),
html body.is-grde-events-page,
html body.is-grde-events-page #body {
  background-color: #e8dccb !important;
  background-image: none !important;
}

/* Sync touch: calendar beige fallback 20260712 */

/* Calendar page complete beige canvas 20260712 */
html:has(body.t-page.is-grde-events-page),
html body.t-page.is-grde-events-page,
html body.t-page.is-grde-events-page #body {
  background-color: #e8dccb !important;
  background-image: none !important;
}

/* Calendar hero bottom fade into beige page 20260712 */
html body.t-page.is-grde-events-page #body.is-shared-hero-page #header {
  background:
    linear-gradient(180deg, rgba(0, 0, 0, .95) 0%, rgba(0, 0, 0, .62) 45%, rgba(0, 0, 0, 0) 100%),
    linear-gradient(0deg, rgba(232, 220, 203, 1) 0%, rgba(232, 220, 203, .82) 12%, rgba(232, 220, 203, .34) 24%, rgba(232, 220, 203, 0) 40%),
    linear-gradient(90deg, rgba(0, 0, 0, .75) 0%, rgba(0, 0, 0, .2) 20%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .2) 80%, rgba(0, 0, 0, .75) 100%),
    var(--article-hero-image, var(--shared-hero-image, url(header.webp))) center center / cover no-repeat !important;
}

/* Sync touch: calendar beige hero fade 20260712 */

/* Mobile unified chrome and compact homepage-events tuning 20260712 */
@media screen and (max-width: 780px) {
  html body.t-page.homepage #body.is-homepage.has-home-hero #header,
  html body.t-page #body.is-shared-hero-page #header,
  html body.t-page #body.is-article-page #header {
    transform: none !important;
    overflow: visible !important;
  }

  html body.t-page.homepage #body.is-homepage.has-home-hero #header::before,
  html body.t-page #body.is-shared-hero-page #header::before,
  html body.t-page #body.is-article-page #header::before {
    content: "" !important;
    display: block !important;
    position: fixed !important;
    top: -34px !important;
    left: 50% !important;
    right: auto !important;
    width: 150vw !important;
    min-width: 150vw !important;
    max-width: 150vw !important;
    height: 79.2vw !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    transform: translateX(-50%) !important;
    background-image: url(header.webp) !important;
    background-position: center top !important;
    background-size: 100% auto !important;
    background-repeat: no-repeat !important;
    pointer-events: none !important;
    z-index: 3 !important;
  }

  html body.t-page.homepage #body.is-homepage.has-home-hero .home-hero-features,
  html body.t-page.homepage #body.is-homepage.has-home-hero .home-hero-feature,
  html body.t-page.homepage #body.is-homepage.has-home-hero .home-hero-feature-title,
  html body.t-page.homepage #body.is-homepage.has-home-hero .home-hero-feature-text {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }

  html body.t-page.is-grde-events-page .grde-intro {
    padding: 8px 0 4px !important;
  }

  html body.t-page.is-grde-events-page .grde-intro__inner {
    gap: 6px !important;
  }

  html body.t-page.is-grde-events-page .grde-intro__facts {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 5px !important;
    width: calc(100% - 12px) !important;
    margin: 0 auto !important;
  }

  html body.t-page.is-grde-events-page .grde-intro__facts > span {
    display: grid !important;
    place-items: center !important;
    align-content: center !important;
    gap: 4px !important;
    min-width: 0 !important;
    min-height: 54px !important;
    padding: 6px 4px !important;
    border-radius: 12px !important;
    text-align: center !important;
    background: rgba(255, 251, 246, .48) !important;
    box-shadow: none !important;
  }

  html body.t-page.is-grde-events-page .grde-intro__facts .grde-icon {
    width: 17px !important;
    height: 17px !important;
  }

  html body.t-page.is-grde-events-page .grde-intro__facts strong {
    font-size: 10px !important;
    line-height: 1.15 !important;
    font-weight: 750 !important;
    color: #4a433b !important;
  }

}

/* Sync touch: unified mobile header and compact calendar 20260712 */

/* Sync retry: unified mobile chrome and calendar details 20260712 */


@media screen and (min-width: 1366px) {
  html body #body #header .grdesign_menu .box-item .menu.level-0 > li:has(> ul) {
    position: relative !important;
    height: 46px !important;
    min-height: 46px !important;
    max-height: 46px !important;
    overflow: visible !important;
  }

  html body #body #header .grdesign_menu .box-item .menu.level-0 > li:has(> ul) > ul {
    position: absolute !important;
    top: 100% !important;
    left: 50% !important;
    right: auto !important;
    margin: 0 !important;
    transform: translateX(-50%) !important;
    z-index: 12000 !important;
  }

  html body #body.is-article-page #header {
    min-height: var(--shared-hero-height, 440px) !important;
    background: var(--article-hero-image, url(header.webp)) center center / cover no-repeat !important;
  }

  html body #body.is-article-page .article-hero-stage {
    min-height: var(--shared-hero-height, 440px) !important;
  }
}


/* Calendar exact two-way hero fade and unified beige 20260712 */
html body.t-page.is-grde-events-page #body.is-shared-hero-page,
html body.t-page.is-grde-events-page #body.is-shared-hero-page #hlavni_kont,
html body.t-page.is-grde-events-page #body.is-shared-hero-page .grde-page {

  background-image: none !important;
}

html body.t-page.is-grde-events-page #body.is-shared-hero-page #header {
  background:
    linear-gradient(to bottom,
      rgba(0, 0, 0, .80) 0%,
      rgba(0, 0, 0, 0) 100%),
    linear-gradient(to top,
      rgba(232, 220, 203, 1) 0%,
      rgba(232, 220, 203, 0) 100%),
    var(--article-hero-image, var(--shared-hero-image, url(header.webp))) center center / cover no-repeat !important;
}
/* Calendar remove duplicate hero fade and edge shadow 20260712 */
html body.t-page.is-grde-events-page #body.is-shared-hero-page .article-hero-stage::after {
  content: none !important;
  display: none !important;
  background: none !important;
  box-shadow: none !important;
}

html body.t-page.is-grde-events-page #body.is-shared-hero-page #header,
html body.t-page.is-grde-events-page #body.is-shared-hero-page .article-hero-stage {
  box-shadow: none !important;
  filter: none !important;
  border-bottom: 0 !important;
}
/* Calendar filter actions left and right alignment 20260712 */
html body.t-page.is-grde-events-page .grde-filter-actions {
  grid-column: 1 / -1 !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  align-items: center !important;
  width: 100% !important;
  gap: 16px !important;
}

html body.t-page.is-grde-events-page .grde-filter-actions button[type="submit"] {
  order: 1 !important;
  justify-self: start !important;
  width: auto !important;
  min-width: 180px !important;
}

html body.t-page.is-grde-events-page .grde-filter-actions .grde-button--reset {
  order: 2 !important;
  justify-self: end !important;
  width: auto !important;
  min-width: 180px !important;
}

@media screen and (max-width: 560px) {
  html body.t-page.is-grde-events-page .grde-filter-actions button[type="submit"],
  html body.t-page.is-grde-events-page .grde-filter-actions .grde-button--reset {
    min-width: 0 !important;
    width: 100% !important;
  }
}
/* Calendar filter actions forced single row 20260712 */
html body.t-page.is-grde-events-page .grde-filter-actions {
  grid-column: 1 / -1 !important;
  display: flex !important;
  flex-flow: row nowrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  gap: 16px !important;
}

html body.t-page.is-grde-events-page .grde-filter-actions button[type="submit"] {
  order: 1 !important;
  flex: 0 0 auto !important;
  margin: 0 auto 0 0 !important;
}

html body.t-page.is-grde-events-page .grde-filter-actions .grde-button--reset {
  order: 2 !important;
  flex: 0 0 auto !important;
  margin: 0 0 0 auto !important;
}

@media screen and (max-width: 560px) {
  html body.t-page.is-grde-events-page .grde-filter-actions button[type="submit"],
  html body.t-page.is-grde-events-page .grde-filter-actions .grde-button--reset {
    width: auto !important;
    max-width: calc(50% - 8px) !important;
    min-width: 0 !important;
    padding-right: 12px !important;
    padding-left: 12px !important;
    white-space: nowrap !important;
  }
}

/* Desktop calendar call-to-action */
@media screen and (min-width: 1366px) {
  #header .grdesign_menu .box-item .menu.level-0 > li > a[href="/kalendarakci"] {
    padding-left: 15px !important;
    padding-right: 15px !important;
    color: #fff !important;
    background: rgba(0, 133, 255, .8) !important;
  }

  #header .grdesign_menu .box-item .menu.level-0 > li > a[href="/kalendarakci"]:hover,
  #header .grdesign_menu .box-item .menu.level-0 > li > a[href="/kalendarakci"]:focus-visible {
    color: #fff !important;
    background: #0085ff !important;
  }
}
/* Desktop dropdown trigger: fixed width and unified blue hover */
@media screen and (min-width: 1366px) {
  #header .grdesign_menu .box-item .menu.level-0 > li:has(> ul),
  #header .grdesign_menu .box-item .menu.level-0 > li:has(> ul):hover,
  #header .grdesign_menu .box-item .menu.level-0 > li:has(> ul):focus-within {
    flex-basis: 100px !important;
    width: 100px !important;
    min-width: 100px !important;
  }

  #header .grdesign_menu .box-item .menu.level-0 > li:has(> ul) > a,
  #header .grdesign_menu .box-item .menu.level-0 > li:has(> ul):hover > a,
  #header .grdesign_menu .box-item .menu.level-0 > li:has(> ul):focus-within > a {
    width: 100px !important;
    min-width: 100px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    transition: background-color .25s ease, color .25s ease, box-shadow .25s ease !important;
  }

  #header .grdesign_menu .box-item .menu.level-0 > li:has(> ul):hover > a,
  #header .grdesign_menu .box-item .menu.level-0 > li:has(> ul):focus-within > a {
    color: #fff !important;
    background: #0085ff !important;
  }
}
/* Desktop: unified hover for every menu item except the calendar CTA */
@media screen and (min-width: 1366px) {
  #header .grdesign_menu .box-item .menu.level-0 > li:hover > a:not([href="/kalendarakci"]),
  #header .grdesign_menu .box-item .menu.level-0 > li:focus-within > a:not([href="/kalendarakci"]),
  #header .grdesign_menu .box-item .menu.level-0 li ul li:hover > a:not([href="/kalendarakci"]),
  #header .grdesign_menu .box-item .menu.level-0 li ul li:focus-within > a:not([href="/kalendarakci"]),
  #header .grdesign_menu .box-item .menu a:not([href="/kalendarakci"]):hover,
  #header .grdesign_menu .box-item .menu a:not([href="/kalendarakci"]):focus-visible {
    color: #fff !important;
    background-color: #0085ff !important;
    background-image: none !important;
  }
}
/* === GRdesign floating hamburger panel 20260724 BEGIN === */
.grdesign-menu-overlay {
  position: fixed;
  inset: 0;
  z-index: 2147483500;
  display: block;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  background: rgba(4, 7, 11, .48);
  -webkit-backdrop-filter: blur(6px) saturate(.82);
  backdrop-filter: blur(6px) saturate(.82);
  transition: opacity .22s ease, visibility 0s linear .22s;
}

.grdesign-menu-overlay::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .1;
  background-image:
    radial-gradient(circle at 20% 30%, rgba(255,255,255,.14) 0 1px, transparent 1.2px),
    radial-gradient(circle at 75% 65%, rgba(255,255,255,.09) 0 1px, transparent 1.2px);
  background-size: 6px 6px, 9px 9px;
}

.grdesign-menu-overlay.is-visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition-delay: 0s;
}

html.grdesign-menu-panel-open,
html.grdesign-menu-panel-open body {
  overflow: hidden !important;
  overscroll-behavior: none;
}

@keyframes grdesignMenuPanelIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

@media screen and (max-width: 1365px) {
  body > [data-grdesign-menu-portal="1"].grdesign_menu_portal.grdesign-menu-panel-ready {
    box-sizing: border-box !important;
    top: clamp(82px, 8vw, 108px) !important;
    right: 18px !important;
    left: auto !important;
    width: min(400px, calc(100vw - 36px)) !important;
    max-width: calc(100vw - 36px) !important;
    max-height: calc(100dvh - 100px) !important;
    padding: 12px 14px 18px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    color: #222 !important;
    background: rgba(252, 251, 248, .97) !important;
    background-image: none !important;
    border: 1px solid rgba(255,255,255,.76) !important;
    border-radius: 20px !important;
    box-shadow: 0 25px 60px rgba(0, 0, 0, .35) !important;
    filter: none !important;
    isolation: isolate;
    animation: grdesignMenuPanelIn .22s cubic-bezier(.2,.75,.3,1) both;
  }

  body > [data-grdesign-menu-portal="1"] .grdesign-menu-panel__header {
    position: sticky;
    z-index: 3;
    top: -12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 62px;
    padding: 6px 4px 8px 10px;
    margin-bottom: 4px;
    background: rgba(252, 251, 248, .96);
    border-bottom: 1px solid rgba(34,34,34,.08);
  }

  body > [data-grdesign-menu-portal="1"] .grdesign-menu-panel__brand {
    display: inline-flex !important;
    align-items: center;
    min-height: 44px;
    padding: 0 !important;
    color: #15191d !important;
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
    font-family: "Cal Sans", "Inter Tight", Arial, sans-serif !important;
    font-size: 25px !important;
    font-weight: 500 !important;
    letter-spacing: -.035em;
    text-decoration: none !important;
  }

  body > [data-grdesign-menu-portal="1"] .grdesign-menu-panel__close {
    display: inline-grid;
    width: 44px;
    height: 44px;
    padding: 0;
    place-items: center;
    color: #1269b5;
    background: transparent;
    border: 0;
    border-radius: 10px;
    cursor: pointer;
    font: 300 38px/1 Arial, sans-serif;
    transition: color .18s ease, background-color .18s ease;
  }

  body > [data-grdesign-menu-portal="1"] .grdesign-menu-panel__close:hover,
  body > [data-grdesign-menu-portal="1"] .grdesign-menu-panel__close:focus-visible {
    color: #0085ff;
    background: rgba(0,133,255,.09);
    outline: 2px solid rgba(0,133,255,.34);
    outline-offset: 2px;
  }

  body > [data-grdesign-menu-portal="1"] .menu.level-0,
  body > [data-grdesign-menu-portal="1"] .menu.level-1 {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    list-style: none !important;
    box-sizing: border-box !important;
  }

  body > [data-grdesign-menu-portal="1"] .menu.level-0 {
    margin: 0 !important;
    padding: 2px 0 0 !important;
  }

  body > [data-grdesign-menu-portal="1"] .menu.level-0 > li {
    position: relative !important;
    display: block !important;
    float: none !important;
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
    border: 0 !important;
  }

  body > [data-grdesign-menu-portal="1"] .menu.level-0 > li:nth-last-child(2) {
    margin-top: 9px !important;
    padding-top: 10px !important;
    border-top: 1px solid rgba(34,34,34,.1) !important;
  }

  body > [data-grdesign-menu-portal="1"] .menu.level-0 > li > a {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 26px minmax(0, 1fr) 15px !important;
    align-items: center !important;
    gap: 14px !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 56px !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 7px 14px !important;
    color: #222 !important;
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 12px !important;
    box-shadow: none !important;
    text-align: left !important;
    text-decoration: none !important;
    text-transform: none !important;
    white-space: normal !important;
    font-family: "Cal Sans", "Inter Tight", Arial, sans-serif !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    transition: color .18s ease, background-color .18s ease !important;
  }

  body > [data-grdesign-menu-portal="1"] .menu.level-0 > li > a::after {
    content: "";
    justify-self: end;
    width: 8px;
    height: 8px;
    margin-right: 2px;
    border-right: 1.8px solid currentColor;
    border-bottom: 1.8px solid currentColor;
    transform: rotate(-45deg);
    opacity: .8;
  }

  body > [data-grdesign-menu-portal="1"] .menu.level-0 > li.grdesign-menu-has-submenu > a {
    padding-right: 56px !important;
  }

  body > [data-grdesign-menu-portal="1"] .menu.level-0 > li.grdesign-menu-has-submenu > a::after {
    display: none;
  }

  body > [data-grdesign-menu-portal="1"] .menu.level-0 > li > a:hover,
  body > [data-grdesign-menu-portal="1"] .menu.level-0 > li > a:focus-visible,
  body > [data-grdesign-menu-portal="1"] .menu.level-0 > li.active > a,
  body > [data-grdesign-menu-portal="1"] .menu.level-0 > li.is-submenu-open > a {
    color: #1269b5 !important;
    background: rgba(0, 133, 255, .075) !important;
    outline: none !important;
  }

  body > [data-grdesign-menu-portal="1"] .menu.level-0 > li > a:focus-visible {
    box-shadow: inset 0 0 0 2px rgba(0,133,255,.34) !important;
  }

  body > [data-grdesign-menu-portal="1"] .grdesign-menu-link__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    color: currentColor;
  }

  body > [data-grdesign-menu-portal="1"] .grdesign-menu-link__icon svg {
    display: block;
    width: 23px;
    height: 23px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.65;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  body > [data-grdesign-menu-portal="1"] .grdesign-menu-submenu-toggle {
    position: absolute;
    z-index: 2;
    top: 6px;
    right: 6px;
    display: grid;
    width: 44px;
    height: 44px;
    padding: 0;
    place-items: center;
    color: #1269b5;
    background: transparent;
    border: 0;
    border-radius: 10px;
    cursor: pointer;
  }

  body > [data-grdesign-menu-portal="1"] .grdesign-menu-submenu-toggle:hover,
  body > [data-grdesign-menu-portal="1"] .grdesign-menu-submenu-toggle:focus-visible {
    background: rgba(0,133,255,.09);
    outline: 2px solid rgba(0,133,255,.3);
    outline-offset: -2px;
  }

  body > [data-grdesign-menu-portal="1"] .grdesign-menu-submenu-toggle span {
    width: 9px;
    height: 9px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg) translate(-2px, -2px);
    transition: transform .2s ease;
  }

  body > [data-grdesign-menu-portal="1"] .is-submenu-open > .grdesign-menu-submenu-toggle span {
    transform: rotate(225deg) translate(-2px, -2px);
  }

  body > [data-grdesign-menu-portal="1"] .menu.level-1 {
    position: static !important;
    inset: auto !important;
    max-height: 0 !important;
    overflow: hidden !important;
    opacity: 0 !important;
    visibility: visible !important;
    transform: none !important;
    margin: 0 8px !important;
    padding: 0 0 0 46px !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    transition: max-height .24s ease, opacity .18s ease, padding .24s ease !important;
  }

  body > [data-grdesign-menu-portal="1"] .is-submenu-open > .menu.level-1 {
    max-height: 430px !important;
    padding-bottom: 8px !important;
    opacity: 1 !important;
  }

  body > [data-grdesign-menu-portal="1"] .menu.level-1 > li {
    position: relative !important;
    display: block !important;
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
  }

  body > [data-grdesign-menu-portal="1"] .menu.level-1 > li > a {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    min-height: 40px !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 9px 27px 9px 19px !important;
    color: #31363b !important;
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 9px !important;
    box-shadow: none !important;
    text-align: left !important;
    text-decoration: none !important;
    text-transform: none !important;
    white-space: normal !important;
    font-family: "Inter Tight", Arial, sans-serif !important;
    font-size: 15.5px !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
  }

  body > [data-grdesign-menu-portal="1"] .menu.level-1 > li > a::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 5px;
    width: 5px;
    height: 5px;
    margin-top: -2.5px;
    background: #1269b5;
    border-radius: 50%;
  }

  body > [data-grdesign-menu-portal="1"] .menu.level-1 > li > a::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 9px;
    width: 7px;
    height: 7px;
    border-right: 1.5px solid #1269b5;
    border-bottom: 1.5px solid #1269b5;
    transform: translateY(-50%) rotate(-45deg);
  }

  body > [data-grdesign-menu-portal="1"] .menu.level-1 > li > a:hover,
  body > [data-grdesign-menu-portal="1"] .menu.level-1 > li > a:focus-visible,
  body > [data-grdesign-menu-portal="1"] .menu.level-1 > li.active > a {
    color: #075da9 !important;
    background: rgba(0,133,255,.07) !important;
    outline: none !important;
  }
}

@media screen and (max-width: 780px) {
  body > [data-grdesign-menu-portal="1"].grdesign_menu_portal.grdesign-menu-panel-ready {
    top: 104px !important;
    right: auto !important;
    left: 50% !important;
    width: min(400px, calc(100vw - 24px)) !important;
    max-width: calc(100vw - 24px) !important;
    max-height: calc(100dvh - 116px) !important;
    padding: 10px 11px 14px !important;
    border-radius: 16px !important;
    transform: translateX(-50%) !important;
  }

  body > [data-grdesign-menu-portal="1"] .grdesign-menu-panel__header {
    top: -10px;
    min-height: 56px;
    padding: 4px 3px 6px 9px;
  }

  body > [data-grdesign-menu-portal="1"] .grdesign-menu-panel__brand {
    font-size: 23px !important;
  }

  body > [data-grdesign-menu-portal="1"] .menu.level-0 > li > a {
    min-height: 52px !important;
    padding: 6px 12px !important;
    font-size: 17px !important;
  }

  body > [data-grdesign-menu-portal="1"] .menu.level-1 {
    padding-left: 40px !important;
  }

  body > [data-grdesign-menu-portal="1"] .menu.level-1 > li > a {
    min-height: 38px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    font-size: 15px !important;
  }
}

@media screen and (min-width: 1366px) {
  #header .grdesign_menu .grdesign-menu-panel__header,
  #header .grdesign_menu .grdesign-menu-link__icon,
  #header .grdesign_menu .grdesign-menu-submenu-toggle {
    display: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .grdesign-menu-overlay,
  body > [data-grdesign-menu-portal="1"].grdesign_menu_portal.grdesign-menu-panel-ready,
  body > [data-grdesign-menu-portal="1"] .menu.level-1,
  body > [data-grdesign-menu-portal="1"] .grdesign-menu-submenu-toggle span {
    animation: none !important;
    transition: none !important;
  }
}
/* === GRdesign floating hamburger panel 20260724 END === */
/* === GRdesign desktop split navigation 20260728 BEGIN === */
.grdesign_menu_logo_link {
  display: block;
  position: relative;
  text-decoration: none;
}

#header .grdesign_menu_logo {
  position: relative !important;
  animation: grdesignLogoBreathe 20s ease-in-out infinite !important;
  will-change: filter;
}

#header .grdesign_menu_logo::after {
  content: "";
  position: absolute;
  left: calc(15% - 2px);
  right: calc(15% - 2px);
  bottom: 30%;
  height: 3px;
  border-radius: 999px;
  background: linear-gradient(90deg, #087fd1, #12a9bf, #4f8df7, #7568cb, #087fd1);
  background-size: 300% 100%;
  box-shadow: 0 0 8px rgba(29, 145, 231, .24);
  animation: grdesignLogoLineFlow 11s linear infinite;
  pointer-events: none;
}

#header .grdesign_menu > .grdesign-desktop-search {
  display: none !important;
}

.grdesign-desktop-search__toggle {
  display: none;
}

@keyframes grdesignLogoLineFlow {
  from { background-position: 0% 50%; }
  to { background-position: 300% 50%; }
}

@keyframes grdesignLogoBreathe {
  0%, 18%, 82%, 100% { filter: grayscale(.88) saturate(.48) brightness(.93); }
  38%, 62% { filter: grayscale(.08) saturate(.9) brightness(1.03); }
}

@media screen and (min-width: 1366px) {
  #header .grdesign_menu {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 1fr minmax(220px, 250px) 1fr !important;
    align-items: start !important;
    width: 100% !important;
    height: 118px !important;
    min-height: 118px !important;
    margin: 0 !important;
    padding: 18px 70px 30px !important;
    isolation: isolate !important;
  }

  #header .grdesign_menu::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: -18px 5vw 42px;
    background: linear-gradient(
      90deg,
      rgba(76, 71, 60, .2) 0%,
      rgba(76, 71, 60, .2) calc(50% - 300px),
      rgba(76, 71, 60, 0) calc(50% - 195px),
      rgba(76, 71, 60, 0) calc(50% + 195px),
      rgba(76, 71, 60, .2) calc(50% + 300px),
      rgba(76, 71, 60, .2) 100%
    );
    border-bottom: 2px solid rgba(128, 128, 128, .2);
    border-radius: 0 0 28px 28px;
    pointer-events: none;
  }

  #header .grdesign_menu::after {
    content: "";
    position: absolute;
    z-index: -2;
    inset: -18px 0 -38px;
    background: linear-gradient(
      180deg,
      rgba(0, 0, 0, 1) 0%,
      rgba(0, 0, 0, .52) 52%,
      rgba(0, 0, 0, 0) 100%
    );
    pointer-events: none;
  }

  #header .grdesign_menu_header {
    position: absolute !important;
    z-index: 2147482800 !important;
    top: 5px !important;
    left: 50% !important;
    display: block !important;
    width: 240px !important;
    margin: 0 !important;
    transform: translateX(-50%) !important;
  }

  #header .grdesign_menu_logo {
    float: none !important;
    width: 240px !important;
    height: auto !important;
    margin: 0 !important;
  }

  #header .grdesign_menu > .box-item:not(.grdesign-desktop-search) {
    position: relative !important;
    z-index: 2147482700 !important;
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
    display: block !important;
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    letter-spacing: normal !important;
  }

  #header .grdesign_menu .box-item .menu.level-0 {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(108px, 1fr)) minmax(220px, 250px) repeat(3, minmax(108px, 1fr)) !important;
    align-items: center !important;
    gap: clamp(4px, .7vw, 14px) !important;
    width: 100% !important;
    max-width: 1450px !important;
    margin: 0 auto !important;
    overflow: visible !important;
  }

  #header .grdesign_menu .box-item .menu.level-0 > li:nth-child(1) { grid-column: 1 !important; }
  #header .grdesign_menu .box-item .menu.level-0 > li:nth-child(2) { grid-column: 2 !important; }
  #header .grdesign_menu .box-item .menu.level-0 > li:nth-child(3) { grid-column: 3 !important; }
  #header .grdesign_menu .box-item .menu.level-0 > li:nth-child(4) { grid-column: 5 !important; }
  #header .grdesign_menu .box-item .menu.level-0 > li:nth-child(5) { grid-column: 6 !important; }
  #header .grdesign_menu .box-item .menu.level-0 > li:nth-child(6) { grid-column: 7 !important; }

  #header .grdesign_menu .box-item .menu.level-0 > li {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  #header .grdesign_menu .box-item .menu.level-0 > li > a,
  #header .grdesign_menu .box-item .menu.level-0 > li:has(> ul) > a {
    position: relative !important;
    left: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 46px !important;
    margin: 0 !important;
    padding: 8px 5px 10px !important;
    color: rgba(239, 244, 249, .82) !important;
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    text-align: center !important;
    text-indent: 0 !important;
    white-space: nowrap !important;
    font-family: "Inter Tight", "Helvetica Neue", Arial, sans-serif !important;
    font-size: clamp(14px, 1vw, 17px) !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    letter-spacing: .01em !important;
    transform: none !important;
    transition: color .22s ease, text-shadow .22s ease !important;
  }

  #header .grdesign_menu .box-item .menu.level-0 > li > a::before {
    content: "";
    position: absolute;
    left: 25%;
    right: 25%;
    bottom: 3px;
    height: 1px;
    background: linear-gradient(90deg, transparent, #159cff, transparent);
    opacity: 0;
    transform: scaleX(.35);
    transition: opacity .22s ease, transform .22s ease;
  }

  #header .grdesign_menu .box-item .menu.level-0 > li:hover > a,
  #header .grdesign_menu .box-item .menu.level-0 > li:focus-within > a,
  #header .grdesign_menu .box-item .menu.level-0 > li.active > a,
  #header .grdesign_menu .box-item .menu.level-0 > li.trail > a {
    width: 100% !important;
    color: #fff !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    text-shadow: 0 0 12px rgba(73, 164, 235, .28) !important;
    transform: none !important;
  }

  #header .grdesign_menu .box-item .menu.level-0 > li:hover > a::before,
  #header .grdesign_menu .box-item .menu.level-0 > li:focus-within > a::before,
  #header .grdesign_menu .box-item .menu.level-0 > li.active > a::before,
  #header .grdesign_menu .box-item .menu.level-0 > li.trail > a::before {
    opacity: 1;
    transform: scaleX(1);
  }

  #header .grdesign_menu .grdesign-menu-link__icon {
    display: inline-flex !important;
    flex: 0 0 22px;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    color: rgba(230, 238, 246, .82);
    transition: color .22s ease, filter .22s ease;
  }

  #header .grdesign_menu .grdesign-menu-link__icon svg {
    display: block;
    width: 21px;
    height: 21px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.6;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  #header .grdesign_menu .menu.level-0 > li:hover .grdesign-menu-link__icon,
  #header .grdesign_menu .menu.level-0 > li:focus-within .grdesign-menu-link__icon,
  #header .grdesign_menu .menu.level-0 > li.active .grdesign-menu-link__icon,
  #header .grdesign_menu .menu.level-0 > li.trail .grdesign-menu-link__icon {
    color: #159cff;
    filter: drop-shadow(0 0 4px rgba(21, 156, 255, .35));
  }

  #header .grdesign_menu .menu.level-0 > li:has(> ul) > a::after {
    margin-left: 1px !important;
    border-width: 4px 4px 0 !important;
    border-style: solid !important;
    border-color: currentColor transparent transparent !important;
    opacity: .72;
  }

  #header .grdesign_menu .box-item .menu.level-0 > li:has(> ul) > ul {
    top: calc(100% + 7px) !important;
    left: 50% !important;
    width: 230px !important;
    min-width: 230px !important;
    padding: 8px !important;
    overflow: hidden !important;
    background: rgba(6, 10, 15, .91) !important;
    background-image: linear-gradient(180deg, rgba(17, 26, 35, .92), rgba(4, 7, 11, .94)) !important;
    border: 1px solid rgba(126, 168, 203, .16) !important;
    border-radius: 12px !important;
    box-shadow: 0 16px 38px rgba(0, 0, 0, .38) !important;
    transform: translateX(-50%) !important;
  }

  @supports (backdrop-filter: blur(10px)) {
    #header .grdesign_menu .box-item .menu.level-0 > li:has(> ul) > ul {
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
    }
  }

  #header .grdesign_menu .box-item .menu.level-0 li > ul li,
  #header .grdesign_menu .box-item .menu.level-0 li > ul li a {
    width: 100% !important;
    min-width: 0 !important;
    background: transparent !important;
    background-image: none !important;
  }

  #header .grdesign_menu .box-item .menu.level-0 li > ul li a {
    min-height: 40px !important;
    padding: 10px 12px !important;
    color: rgba(235, 241, 247, .82) !important;
    border: 0 !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    text-indent: 0 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
  }

  #header .grdesign_menu .box-item .menu.level-0 li > ul li a:hover,
  #header .grdesign_menu .box-item .menu.level-0 li > ul li a:focus-visible,
  #header .grdesign_menu .box-item .menu.level-0 li > ul li.active > a {
    color: #fff !important;
    background: rgba(21, 156, 255, .1) !important;
    outline: none !important;
  }

  #header .grdesign_menu > .grdesign-desktop-search {
    position: absolute !important;
    z-index: 2147482900 !important;
    top: 20px !important;
    right: 16px !important;
    display: flex !important;
    float: none !important;
    align-items: center !important;
    width: auto !important;
    height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  #header .grdesign-desktop-search__toggle {
    position: relative;
    z-index: 2;
    display: grid;
    width: 42px;
    height: 42px;
    padding: 0;
    place-items: center;
    color: rgba(238, 244, 249, .82);
    background: rgba(8, 14, 20, .38);
    border: 1px solid rgba(181, 210, 233, .14);
    border-radius: 11px;
    box-shadow: none;
    cursor: pointer;
    transition: color .2s ease, background-color .2s ease, border-color .2s ease;
  }

  #header .grdesign-desktop-search__toggle:hover,
  #header .grdesign-desktop-search__toggle:focus-visible,
  #header .grdesign-desktop-search.is-search-open .grdesign-desktop-search__toggle {
    color: #159cff;
    background: rgba(8, 20, 31, .75);
    border-color: rgba(21, 156, 255, .35);
    outline: none;
  }

  #header .grdesign-desktop-search__toggle:focus-visible {
    box-shadow: 0 0 0 2px rgba(21, 156, 255, .26);
  }

  #header .grdesign-desktop-search__toggle svg {
    width: 21px;
    height: 21px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
  }

  #header .grdesign-desktop-search .searchform {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    display: flex !important;
    align-items: center !important;
    width: 310px !important;
    height: 44px !important;
    margin: 0 !important;
    padding: 5px 49px 5px 7px !important;
    background: rgba(5, 10, 15, .94) !important;
    border: 1px solid rgba(21, 156, 255, .28) !important;
    border-radius: 12px !important;
    box-shadow: 0 14px 34px rgba(0, 0, 0, .36) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateX(12px) scaleX(.92) !important;
    transform-origin: right center !important;
    transition: opacity .2s ease, transform .24s ease, visibility 0s linear .24s !important;
  }

  #header .grdesign-desktop-search.is-search-open .searchform {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateX(0) scaleX(1) !important;
    transition-delay: 0s !important;
  }

  #header .grdesign-desktop-search .searchform .search-query {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    height: 32px !important;
    margin: 0 !important;
    padding: 5px 9px !important;
    color: #f4f7fa !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    font-size: 15px !important;
  }

  #header .grdesign-desktop-search .searchform input[type="submit"] {
    flex: 0 0 auto !important;
    width: auto !important;
    height: 30px !important;
    margin: 0 !important;
    padding: 4px 9px !important;
    color: #dce9f3 !important;
    background: rgba(21, 156, 255, .12) !important;
    border: 0 !important;
    border-radius: 7px !important;
    box-shadow: none !important;
    font-size: 13px !important;
    cursor: pointer !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #header .grdesign_menu_logo,
  #header .grdesign_menu_logo::after {
    animation: none !important;
  }

  #header .grdesign_menu_logo {
    filter: grayscale(.32) saturate(.72) brightness(.98) !important;
  }

  #header .grdesign-desktop-search .searchform,
  #header .grdesign_menu .box-item .menu a,
  #header .grdesign_menu .box-item .menu a::before {
    transition: none !important;
  }
}
/* === GRdesign desktop split navigation 20260728 END === */
/* === GRdesign desktop navigation conflict guard 20260728 BEGIN === */
@media only screen and (min-width: 1366px) {
  html body #body #header #rame {
    width: 100% !important;
    max-width: none !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  html body #body #header #rame > header {
    width: 100% !important;
  }

  html body #body #header #rame .grdesign_menu_header {
    position: absolute !important;
    top: 5px !important;
    right: auto !important;
    left: 50% !important;
    width: 240px !important;
    height: auto !important;
    margin: 0 !important;
    transform: translateX(-50%) !important;
  }

  html body #body #header #rame .grdesign_menu_header .grdesign_menu_logo {
    float: none !important;
    width: 240px !important;
    height: auto !important;
    margin: 0 !important;
    transform: none !important;
  }

  html body #body #header .grdesign_menu .box-item .menu.level-0 > li > a,
  html body #body #header .grdesign_menu .box-item .menu.level-0 > li > a[href="/kalendarakci"] {
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
  }

  html body #body #header .grdesign_menu .box-item .menu.level-0 > li > a:hover,
  html body #body #header .grdesign_menu .box-item .menu.level-0 > li > a:focus-visible,
  html body #body #header .grdesign_menu .box-item .menu.level-0 > li.active > a,
  html body #body #header .grdesign_menu .box-item .menu.level-0 > li > a[href="/kalendarakci"]:hover,
  html body #body #header .grdesign_menu .box-item .menu.level-0 > li > a[href="/kalendarakci"]:focus-visible {
    background: transparent !important;
    background-image: none !important;
  }
}
/* === GRdesign desktop navigation conflict guard 20260728 END === */
/* === GRdesign desktop navigation spacing tune 20260728 BEGIN === */
@media only screen and (min-width: 1366px) {
  html body #body #header #rame .grdesign_menu {
    padding-top: 20px !important;
  }

  html body #body #header #rame .grdesign_menu_header {
    top: -15px !important;
    width: 350px !important;
  }

  html body #body #header #rame .grdesign_menu_header .grdesign_menu_logo {
    width: 350px !important;
  }

  html body #body #header #rame .grdesign_menu .box-item .menu.level-0 {
    grid-template-columns: repeat(3, minmax(108px, 1fr)) minmax(370px, 400px) repeat(3, minmax(108px, 1fr)) !important;
    width: 90vw !important;
    max-width: 2000px !important;
  }
  html body #body #header #rame .grdesign_menu .box-item .menu.level-0 > li:has(> ul) {
    width: 100% !important;
    min-width: 0 !important;
  }

  html body #body #header #rame .grdesign_menu .box-item .menu.level-0 > li:has(> ul) > a {
    width: 100% !important;
    min-width: 0 !important;
  }

  html body #body #header #rame .grdesign_menu .menu.level-0 > li:has(> ul) > a::after {
    position: absolute !important;
    right: 8px !important;
    margin-left: 0 !important;
  }

  html body #body #header #rame .grdesign_menu .box-item .menu.level-0 > li > a {
    color: rgba(244, 248, 251, .94) !important;
    font-weight: 600 !important;
    letter-spacing: .015em !important;
    text-shadow: 0 1px 8px rgba(0, 0, 0, .68) !important;
  }

  html body #body #header #rame .grdesign_menu .box-item .menu.level-0 > li > a .grdesign-menu-link__icon {
    color: rgba(205, 226, 240, .94) !important;
    filter: drop-shadow(0 1px 3px rgba(0, 0, 0, .5));
  }

  html body #body #header #rame .grdesign_menu .box-item .menu.level-0 > li:hover > a,
  html body #body #header #rame .grdesign_menu .box-item .menu.level-0 > li:focus-within > a,
  html body #body #header #rame .grdesign_menu .box-item .menu.level-0 > li.active > a,
  html body #body #header #rame .grdesign_menu .box-item .menu.level-0 > li.trail > a {
    color: #fff !important;
    text-shadow: 0 0 13px rgba(21, 156, 255, .38) !important;
  }
  html body #body #header #rame #grdesign-menu-submenu {
    width: 250px !important;
    min-width: 250px !important;
    padding: 8px !important;
    overflow: hidden !important;
    color: #dbe5ed !important;
    background: linear-gradient(180deg, rgba(14, 23, 32, .96), rgba(4, 8, 13, .97)) !important;
    border: 1px solid rgba(100, 170, 222, .18) !important;
    border-radius: 12px !important;
    box-shadow: 0 16px 38px rgba(0, 0, 0, .42) !important;
  }

  html body #body #header #rame #grdesign-menu-submenu > li,
  html body #body #header #rame #grdesign-menu-submenu > li > a {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  html body #body #header #rame #grdesign-menu-submenu > li > a {
    min-height: 39px !important;
    padding: 10px 12px !important;
    color: rgba(226, 235, 242, .86) !important;
    border-radius: 8px !important;
    text-align: left !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
    transition: color .18s ease, background-color .18s ease, padding-left .18s ease !important;
  }

  html body #body #header #rame #grdesign-menu-submenu > li + li {
    border-top: 1px solid rgba(255, 255, 255, .045) !important;
  }

  html body #body #header #rame #grdesign-menu-submenu > li > a:hover,
  html body #body #header #rame #grdesign-menu-submenu > li > a:focus-visible,
  html body #body #header #rame #grdesign-menu-submenu > li.active > a {
    padding-left: 16px !important;
    color: #fff !important;
    background: rgba(21, 156, 255, .13) !important;
    outline: none !important;
  }}
/* === GRdesign desktop navigation spacing tune 20260728 END === */
/* === GRdesign compact desktop sticky navigation 20260728 BEGIN === */
.grdesign-sticky-header {
  display: none;
}

@media screen and (min-width: 1366px) {
  html {
    scroll-padding-top: 80px;
  }

  .grdesign-sticky-header {
    --grdesign-sticky-top: 0px;
    position: fixed;
    z-index: 12000;
    top: var(--grdesign-sticky-top);
    right: 0;
    left: 0;
    display: block;
    height: 70px;
    color: #eef5fa;
    background: rgba(8, 12, 17, .78);
    border-bottom: 1px solid rgba(255, 255, 255, .07);
    box-shadow: 0 8px 24px rgba(0, 0, 0, .16);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(calc(-100% - var(--grdesign-sticky-top)));
    transition: transform .35s ease, opacity .25s ease, visibility 0s linear .35s;
  }

  @supports (backdrop-filter: blur(12px)) {
    .grdesign-sticky-header {
      backdrop-filter: blur(12px) saturate(.82);
      -webkit-backdrop-filter: blur(12px) saturate(.82);
    }
  }

  .grdesign-sticky-header.is-visible {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
    transition-delay: 0s;
  }

  .grdesign-sticky-header__inner {
    position: relative;
    width: 100%;
    height: 70px;
    margin: 0 auto;
  }

  .grdesign-sticky-header__nav,
  .grdesign-sticky-header__menu {
    width: 100%;
    height: 100%;
  }

  .grdesign-sticky-header .menu.level-0 {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(105px, 1fr)) minmax(240px, 260px) repeat(3, minmax(105px, 1fr)) !important;
    align-items: center !important;
    gap: clamp(2px, .45vw, 9px) !important;
    width: calc(100% - 128px) !important;
    max-width: 1800px !important;
    height: 70px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    list-style: none !important;
  }

  .grdesign-sticky-header .menu.level-0 > li:nth-child(1) { grid-column: 1 !important; }
  .grdesign-sticky-header .menu.level-0 > li:nth-child(2) { grid-column: 2 !important; }
  .grdesign-sticky-header .menu.level-0 > li:nth-child(3) { grid-column: 3 !important; }
  .grdesign-sticky-header .menu.level-0 > li:nth-child(4) { grid-column: 5 !important; }
  .grdesign-sticky-header .menu.level-0 > li:nth-child(5) { grid-column: 6 !important; }
  .grdesign-sticky-header .menu.level-0 > li:nth-child(6) { grid-column: 7 !important; }

  .grdesign-sticky-header .menu.level-0 > li {
    position: relative !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    list-style: none !important;
  }

  .grdesign-sticky-header .menu.level-0 > li > a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;
    width: 100% !important;
    height: 70px !important;
    margin: 0 !important;
    padding: 0 5px !important;
    color: rgba(239, 246, 251, .9) !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    text-align: center !important;
    white-space: nowrap !important;
    font-family: "Inter Tight", "Helvetica Neue", Arial, sans-serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    transition: color .18s ease, text-shadow .18s ease !important;
  }

  .grdesign-sticky-header .grdesign-menu-link__icon {
    display: inline-flex !important;
    flex: 0 0 24px !important;
    width: 24px !important;
    height: 24px !important;
    color: rgba(190, 216, 234, .86) !important;
  }

  .grdesign-sticky-header .grdesign-menu-link__icon svg {
    width: 24px !important;
    height: 24px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.6 !important;
  }

  .grdesign-sticky-header .menu.level-0 > li:hover > a,
  .grdesign-sticky-header .menu.level-0 > li:focus-within > a,
  .grdesign-sticky-header .menu.level-0 > li.active > a,
  .grdesign-sticky-header .menu.level-0 > li.trail > a {
    color: #fff !important;
    text-shadow: 0 0 11px rgba(21, 156, 255, .34) !important;
  }

  .grdesign-sticky-header .menu.level-0 > li:hover .grdesign-menu-link__icon,
  .grdesign-sticky-header .menu.level-0 > li:focus-within .grdesign-menu-link__icon,
  .grdesign-sticky-header .menu.level-0 > li.active .grdesign-menu-link__icon {
    color: #159cff !important;
  }

  .grdesign-sticky-header .menu.level-1 {
    position: absolute !important;
    top: 66px !important;
    left: 50% !important;
    display: block !important;
    width: 240px !important;
    min-width: 240px !important;
    margin: 0 !important;
    padding: 8px !important;
    list-style: none !important;
    background: linear-gradient(180deg, rgba(14, 23, 32, .97), rgba(4, 8, 13, .98)) !important;
    border: 1px solid rgba(100, 170, 222, .18) !important;
    border-radius: 0 0 11px 11px !important;
    box-shadow: 0 16px 34px rgba(0, 0, 0, .4) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translate(-50%, -5px) !important;
    transition: opacity .18s ease, transform .18s ease, visibility 0s linear .18s !important;
  }

  .grdesign-sticky-header .menu.level-0 > li:hover > .menu.level-1,
  .grdesign-sticky-header .menu.level-0 > li:focus-within > .menu.level-1 {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translate(-50%, 0) !important;
    transition-delay: 0s !important;
  }

  .grdesign-sticky-header .menu.level-1 li,
  .grdesign-sticky-header .menu.level-1 a {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  .grdesign-sticky-header .menu.level-1 a {
    min-height: 36px !important;
    padding: 9px 11px !important;
    color: rgba(226, 235, 242, .86) !important;
    border-radius: 7px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
    text-decoration: none !important;
  }

  .grdesign-sticky-header .menu.level-1 a:hover,
  .grdesign-sticky-header .menu.level-1 a:focus-visible {
    color: #fff !important;
    background: rgba(21, 156, 255, .13) !important;
    outline: none !important;
  }

  .grdesign-sticky-header__logo {
    position: absolute;
    z-index: 2;
    top: -25px;
    left: 50%;
    display: block;
    width: 225px;
    height: 150px;
    transform: translateX(-50%);
  }

  .grdesign-sticky-header__logo-mark {
    position: relative;
    display: block;
    width: 225px;
    height: 150px;
    background: url(logo_max2.webp) center / contain no-repeat;
    filter: grayscale(.58) saturate(.58) brightness(.98);
    animation: grdesignStickyLogoBreathe 26s ease-in-out infinite;
  }

  .grdesign-sticky-header__logo-mark::after {
    content: "";
    position: absolute;
    right: 15%;
    bottom: 30%;
    left: 15%;
    height: 1px;
    border-radius: 999px;
    background: linear-gradient(90deg, #087fd1, #12a9bf, #7568cb, #087fd1);
    background-size: 260% 100%;
    opacity: .7;
    animation: grdesignStickyLogoLine 18s linear infinite;
  }

  .grdesign-sticky-search {
    position: absolute;
    z-index: 3;
    top: 14px;
    right: 9px;
    width: 42px;
    height: 42px;
  }

  .grdesign-sticky-search__toggle {
    position: relative;
    z-index: 2;
    display: grid;
    width: 42px;
    height: 42px;
    padding: 0;
    place-items: center;
    color: rgba(231, 240, 246, .88);
    background: rgba(10, 18, 25, .48);
    border: 1px solid rgba(181, 210, 233, .13);
    border-radius: 9px;
    cursor: pointer;
  }

  .grdesign-sticky-search__toggle svg {
    width: 19px;
    height: 19px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
  }

  .grdesign-sticky-search__form {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    display: flex !important;
    align-items: center !important;
    width: 300px !important;
    height: 42px !important;
    padding: 5px 47px 5px 7px !important;
    background: rgba(5, 10, 15, .97) !important;
    border: 1px solid rgba(21, 156, 255, .25) !important;
    border-radius: 10px !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, .32) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateX(10px) scaleX(.94) !important;
    transform-origin: right center !important;
    transition: opacity .18s ease, transform .2s ease, visibility 0s linear .2s !important;
  }

  .grdesign-sticky-search.is-open .grdesign-sticky-search__form {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateX(0) scaleX(1) !important;
    transition-delay: 0s !important;
  }

  .grdesign-sticky-search__query {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    height: 30px !important;
    padding: 4px 8px !important;
    color: #f4f7fa !important;
    background: transparent !important;
    border: 0 !important;
    outline: 0 !important;
  }

  .grdesign-sticky-search__submit {
    height: 29px !important;
    padding: 4px 8px !important;
    color: #dce9f3 !important;
    background: rgba(21, 156, 255, .13) !important;
    border: 0 !important;
    border-radius: 6px !important;
  }
}

@keyframes grdesignStickyLogoLine {
  from { background-position: 0% 50%; }
  to { background-position: 260% 50%; }
}

@keyframes grdesignStickyLogoBreathe {
  0%, 22%, 78%, 100% { filter: grayscale(.72) saturate(.48) brightness(.94); }
  42%, 58% { filter: grayscale(.2) saturate(.72) brightness(1); }
}

@media (prefers-reduced-motion: reduce) {
  .grdesign-sticky-header {
    transition: opacity .01ms linear, visibility 0s !important;
    transform: none !important;
  }

  .grdesign-sticky-header__logo-mark,
  .grdesign-sticky-header__logo-mark::after {
    animation: none !important;
  }
}
/* === GRdesign compact desktop sticky navigation 20260728 END === */
/* === GRdesign desktop text underline and color-safe logo line 20260728 BEGIN === */
@media screen and (min-width: 1366px) {
  html body #body #header #rame .grdesign_menu .box-item .menu.level-0 > li > a::before {
    content: none !important;
    display: none !important;
  }

  html body #body #header #rame .grdesign_menu .grdesign-menu-link__label {
    position: relative;
    display: inline-block;
  }

  html body #body #header #rame .grdesign_menu .grdesign-menu-link__label::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -7px;
    left: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, #159cff 16%, #159cff 84%, transparent);
    opacity: 0;
    transform: scaleX(.4);
    transition: opacity .22s ease, transform .22s ease;
  }

  html body #body #header #rame .grdesign_menu .menu.level-0 > li:hover > a .grdesign-menu-link__label::after,
  html body #body #header #rame .grdesign_menu .menu.level-0 > li:focus-within > a .grdesign-menu-link__label::after,
  html body #body #header #rame .grdesign_menu .menu.level-0 > li.active > a .grdesign-menu-link__label::after,
  html body #body #header #rame .grdesign_menu .menu.level-0 > li.trail > a .grdesign-menu-link__label::after {
    opacity: 1;
    transform: scaleX(1);
  }

  html body #body #header #rame .grdesign_menu_header .grdesign_menu_logo {
    background-image: none !important;
    filter: none !important;
    animation: none !important;
    will-change: auto !important;
  }

  html body #body #header #rame .grdesign_menu_header .grdesign_menu_logo::before {
    content: "";
    position: absolute;
    z-index: 0;
    inset: 0;
    background: url(logo_max2.webp) center / contain no-repeat;
    animation: grdesignLogoBreathe 20s ease-in-out infinite;
    will-change: filter;
    pointer-events: none;
  }

  html body #body #header #rame .grdesign_menu_header .grdesign_menu_logo::after {
    z-index: 1;
    filter: none !important;
  }
}

@media screen and (min-width: 1366px) and (prefers-reduced-motion: reduce) {
  html body #body #header #rame .grdesign_menu_header .grdesign_menu_logo::before,
  html body #body #header #rame .grdesign_menu_header .grdesign_menu_logo::after {
    animation: none !important;
  }

  html body #body #header #rame .grdesign_menu_header .grdesign_menu_logo::before {
    filter: grayscale(.32) saturate(.72) brightness(.98) !important;
  }
}
/* === GRdesign desktop text underline and color-safe logo line 20260728 END === */

/* === GRdesign tablet logo size guard 20260729 BEGIN === */
@media screen and (min-width: 781px) and (max-width: 900px) {
  html body #body #header .grdesign_menu_header .grdesign_menu_logo,
  html body #header .grdesign_menu_header .grdesign_menu_logo {
    width: clamp(170px, 22vw, 198px) !important;
    max-width: 198px !important;
    height: auto !important;
    margin-top: 0 !important;
  }
}
/* === GRdesign tablet logo size guard 20260729 END === */

/* Closed hamburger: softly rounded left edge only. */
@media screen and (max-width: 1365px) {
  html body #body #header .grdesign_menu_check:not(:checked) ~ .grdesign_menu_button {
    border-radius: 10px 0 0 10px !important;
    transform: translateY(-18px) !important;
  }
}
/* Header search alignment and suggestions. */
#header form.searchform .gr-search-suggest-wrap,
.grdesign-sticky-search__form .gr-search-suggest-wrap {
  position: relative;
  flex: 1 1 320px;
  min-width: 0;
  width: 100%;
}

#header form.searchform .gr-search-suggest-wrap input[type="search"],
#header form.searchform .gr-search-suggest-wrap .search-query,
.grdesign-sticky-search__form .gr-search-suggest-wrap .grdesign-sticky-search__query {
  display: block;
  width: 100% !important;
  box-sizing: border-box !important;
}

#header .grdesign-desktop-search form.searchform .gr-search-suggest-wrap input[type="search"],
#header .grdesign-desktop-search form.searchform .gr-search-suggest-wrap .search-query {
  position: relative !important;
  top: -7px !important;
  padding: 0 9px 10px !important;
  line-height: 22px !important;
  text-align: left !important;
}
.gr-search-suggest {
  position: absolute;
  z-index: 2147483640;
  top: calc(100% + 7px);
  left: 0;
  right: 0;
  max-height: min(320px, 48vh);
  overflow-y: auto;
  padding: 6px;
  border: 1px solid rgba(21, 156, 255, .34);
  border-radius: 10px;
  background: rgba(8, 13, 18, .98);
  box-shadow: 0 18px 42px rgba(0, 0, 0, .52);
}

.gr-search-suggest[hidden] {
  display: none !important;
}

.gr-search-suggest__item,
.gr-search-suggest__empty {
  display: block;
  padding: 10px 12px;
  border-radius: 7px;
  color: #eaf2f8 !important;
  font-size: 14px;
  line-height: 1.3;
  text-align: left;
  text-decoration: none !important;
}

.gr-search-suggest__item:hover,
.gr-search-suggest__item.is-active {
  color: #fff !important;
  background: rgba(21, 156, 255, .2);
}

.gr-search-suggest__empty {
  color: #9da8b3 !important;
}

.grdesign-menu-panel__search {
  display: none;
}

@media screen and (max-width: 1365px) {
  body > [data-grdesign-menu-portal="1"] .grdesign-menu-panel__search,
  #header .grdesign-menu-panel__search {
    display: block;
    margin: 4px 14px 16px;
  }

  .grdesign-menu-panel__search form.searchform {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 48px !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
    flex-wrap: nowrap !important;
    background: #f4f4f1 !important;
    border: 1px solid rgba(18, 51, 72, .2) !important;
    border-radius: 11px !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, .08) !important;
  }

  .grdesign-menu-panel__search .gr-search-suggest-wrap {
    flex: 1 1 auto;
  }

  .grdesign-menu-panel__search input[type="search"],
  .grdesign-menu-panel__search .search-query {
    position: static !important;
    width: 100% !important;
    height: 46px !important;
    min-height: 46px !important;
    padding: 11px 14px !important;
    color: #18232b !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 11px 0 0 11px !important;
    box-shadow: none !important;
    outline: none !important;
    font-size: 16px !important;
    line-height: 22px !important;
    text-align: left !important;
  }

  .grdesign-menu-panel__search input[type="search"]::placeholder,
  .grdesign-menu-panel__search .search-query::placeholder {
    color: #6e787f !important;
  }

  body > [data-grdesign-menu-portal="1"] .grdesign-menu-panel__search form.searchform .grdesign-menu-panel__search-submit,
  #header .grdesign-menu-panel__search form.searchform .grdesign-menu-panel__search-submit {
    display: grid !important;
    flex: 0 0 48px !important;
    width: 48px !important;
    min-width: 48px !important;
    height: 46px !important;
    min-height: 46px !important;
    padding: 0 !important;
    place-items: center !important;
    color: #087fd1 !important;
    background: transparent !important;
    border: 0 !important;
    border-left: 1px solid rgba(18, 51, 72, .14) !important;
    border-radius: 0 10px 10px 0 !important;
    box-shadow: none !important;
  }

  body > [data-grdesign-menu-portal="1"] .grdesign-menu-panel__search .grdesign-menu-panel__search-submit svg,
  #header .grdesign-menu-panel__search .grdesign-menu-panel__search-submit svg {
    width: 22px;
    height: 22px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
  }

  #header .grdesign-desktop-search form.searchform .gr-search-suggest-wrap input[type="search"],
  #header .grdesign-desktop-search form.searchform .gr-search-suggest-wrap .search-query {
    height: 54px !important;
    min-height: 54px !important;
    padding: 7px 18px 19px !important;
    line-height: 24px !important;
    text-align: left !important;
    box-sizing: border-box !important;
  }
}