
/* Target-specific geometry lock on top of Mikrobetonkaplama reference header. */
#menu1-2uh, #menu1-2uh *{font-family:"Inter",Arial,sans-serif!important}

/* Reference desktop geometry */
@media (min-width:992px){
  #menu1-2uh .navbar{
    min-height:82px!important;
    padding:8px clamp(22px,4.6vw,76px)!important;
    display:flex!important;
    align-items:center!important;
  }
  #menu1-2uh .menu-logo{flex:0 0 auto!important}
  #menu1-2uh .navbar-collapse{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    flex:1 1 auto!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
  }
  #menu1-2uh .navbar-nav{
    display:flex!important;
    flex-flow:row nowrap!important;
    align-items:center!important;
    justify-content:flex-end!important;
    margin:0!important;
    padding:0!important;
    gap:0!important;
  }
  #menu1-2uh .navbar-nav>.nav-item{
    display:flex!important;
    align-items:center!important;
    margin:0 3px!important;
    padding:0!important;
  }
  #menu1-2uh .navbar-nav>.nav-item>.nav-link{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:.72rem .76rem!important;
    font-size:15px!important;
    font-weight:500!important;
    line-height:1.4!important;
    letter-spacing:0!important;
    white-space:nowrap!important;
  }

  /* Exact logo scale from reference */
  #menu1-2uh .navbar-logo img{
    height:4.45rem!important;
    width:auto!important;
    max-width:none!important;
    object-fit:contain!important;
    opacity:.97!important;
  }

  /* Anchor menu geometry to the reference by keeping utilities out of nav width calculation. */
  #menu1-2uh .ct70-header-tools{
    position:relative!important;
    flex:0 0 auto!important;
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    margin-left:10px!important;
    padding:0!important;
    white-space:nowrap!important;
  }
  /* Target-only TR/EN is visually compact so it does not push the main menu. */
  #menu1-2uh .ct70-language-toggle{
    min-width:48px!important;
    width:48px!important;
    height:34px!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
  }
  #menu1-2uh .ct70-lang-current,
  #menu1-2uh .ct70-lang-link{
    min-width:0!important;
    width:auto!important;
    height:34px!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:transparent!important;
    border-radius:0!important;
    font-size:10px!important;
    font-weight:500!important;
    line-height:1!important;
    letter-spacing:.08em!important;
  }
  #menu1-2uh .ct70-lang-separator{height:12px!important}

  /* Mega menu exact reference geometry, requested typography only */
  #menu1-2uh .mega-menu-panel{
    top:80px!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:0!important;
    position:fixed!important;
    left:0!important;right:0!important;
    width:100vw!important;
    min-height:270px!important;
    max-height:300px!important;
    margin:0!important;
    padding:35px clamp(34px,4vw,64px) 31px!important;
  }
  #menu1-2uh .navbar.navbar-short .mega-menu-panel{top:68px!important}
  #menu1-2uh .mega-column{padding:0 clamp(20px,2.3vw,38px)!important;text-align:center!important}
  #menu1-2uh .mega-brand-link{
    font-size:14px!important;font-weight:500!important;line-height:1.4!important;letter-spacing:0!important;text-transform:none!important;
  }
  #menu1-2uh .mega-product-link{
    font-size:14px!important;font-weight:400!important;line-height:1.4!important;letter-spacing:0!important;text-transform:none!important;
  }

  /* Home visible logo edge = hero kicker left edge.
     Logo source alpha begins at x=16/480. */
  body:not(.not-home) #menu1-2uh .menu-logo{
    margin-left:calc(max(5vw,(100vw - 1380px)/2) - clamp(22px,4.6vw,76px) - 8.6px)!important;
  }
}

/* Reference mobile/tablet geometry */
@media (max-width:991px){
  #menu1-2uh .navbar{
    min-height:68px!important;
    padding:8px 14px!important;
  }
  #menu1-2uh .menu-logo{margin:0!important;padding:0!important}
  #menu1-2uh .navbar-logo img{
    width:clamp(144px,39vw,158px)!important;
    height:auto!important;max-width:none!important;
  }
  #menu1-2uh .navbar-toggler{
    position:absolute!important;top:12px!important;right:12px!important;
    width:44px!important;height:44px!important;margin:0!important;padding:0!important;
  }
  #menu1-2uh .navbar-collapse{
    width:calc(100vw - 24px)!important;
    max-height:calc(100dvh - 80px)!important;
    margin:6px 0 0!important;
    padding:12px 18px 18px!important;
    overflow-x:hidden!important;overflow-y:auto!important;
  }
  #menu1-2uh .navbar-nav{width:100%!important;margin:0!important;padding:0!important;align-items:stretch!important}
  #menu1-2uh .navbar-nav>.nav-item{width:100%!important;margin:0!important}
  #menu1-2uh .navbar-nav>.nav-item>.nav-link{
    min-height:52px!important;margin:0!important;padding:0 2px!important;
    display:flex!important;align-items:center!important;justify-content:flex-start!important;
    font-size:16px!important;font-weight:500!important;line-height:1.4!important;letter-spacing:0!important;
  }
  #menu1-2uh .mega-brand-link{
    font-size:15px!important;font-weight:500!important;line-height:1.4!important;letter-spacing:0!important;text-transform:none!important;
  }
  #menu1-2uh .mega-product-link{
    font-size:14px!important;font-weight:400!important;line-height:1.4!important;letter-spacing:0!important;text-transform:none!important;
  }
  #menu1-2uh .ct70-header-tools{
    width:calc(100% - 30px)!important;
    min-height:46px!important;
    margin:8px 15px 4px!important;
    padding:7px 0 0!important;
    justify-content:flex-start!important;
    gap:13px!important;
  }
}


/* EXACT MIKROBETONKAPLAMA NAV SPACING CASCADE
   Do not normalize these breakpoints: the reference intentionally changes rhythm. */
@media (min-width:1181px){
  #menu1-2uh #navbarSupportedContent > .navbar-nav > .nav-item{
    margin-left:3px!important;
    margin-right:3px!important;
  }
  #menu1-2uh #navbarSupportedContent > .navbar-nav > .nav-item > .nav-link{
    margin-left:0!important;
    margin-right:0!important;
    padding-left:.76rem!important;
    padding-right:.76rem!important;
  }
}

/* This is the final reference rule in Mikrobetonkaplama for landscape tablet / narrow desktop.
   It was being overridden in the previous target package. */
@media (min-width:992px) and (max-width:1180px){
  #menu1-2uh .navbar .navbar-collapse{
    padding-right:0!important;
    min-width:0!important;
  }
  #menu1-2uh #navbarSupportedContent > .navbar-nav{
    flex-wrap:nowrap!important;
    gap:0!important;
  }
  #menu1-2uh #navbarSupportedContent > .navbar-nav > .nav-item{
    margin-left:0!important;
    margin-right:0!important;
  }
  #menu1-2uh #navbarSupportedContent > .navbar-nav > .nav-item > .nav-link{
    margin-left:4px!important;
    margin-right:4px!important;
    padding-left:7px!important;
    padding-right:7px!important;
  }
}

/* Utility group begins after the menu exactly as a separate cluster, not as another menu item. */
@media (min-width:992px){
  #menu1-2uh #navbarSupportedContent > .navbar-nav > .ct70-header-tools{
    margin-left:10px!important;
    margin-right:0!important;
  }
}


/* EXACT LOGO SIZE CASCADE — copied from final Mikrobetonkaplama reference values.
   Loaded last so legacy height-based logo rules cannot win. */

/* Large desktop */
@media (min-width:1101px){
  #menu1-2uh .navbar-logo img{
    width:clamp(208px,14.8vw,224px)!important;
    height:auto!important;
    max-width:none!important;
    transform:translateY(1px)!important;
  }
  #menu1-2uh .menu-logo{
    margin-left:calc(clamp(54px,7.6vw,132px) - clamp(22px,4.6vw,76px) - 6px)!important;
  }
}

/* Narrow desktop */
@media (min-width:992px) and (max-width:1100px){
  #menu1-2uh .navbar-logo img{
    width:clamp(194px,18vw,202px)!important;
    height:auto!important;
    max-width:none!important;
    transform:translateY(1px)!important;
  }
  #menu1-2uh .menu-logo{
    margin-left:calc(clamp(34px,5vw,58px) - clamp(22px,4.6vw,76px) - 6px)!important;
  }
}

/* Reference shrink size after scroll */
@media (min-width:992px){
  #menu1-2uh .navbar.navbar-short .navbar-logo img{
    width:clamp(194px,13.5vw,206px)!important;
    height:auto!important;
    max-width:none!important;
  }
}

/* Tablet */
@media (min-width:701px) and (max-width:991px){
  #menu1-2uh .navbar-logo img,
  #menu1-2uh .navbar.navbar-short .navbar-logo img{
    width:clamp(178px,23vw,198px)!important;
    height:auto!important;
    max-width:198px!important;
    transform:translateY(1px)!important;
    opacity:1!important;
  }
  #menu1-2uh .menu-logo{
    margin-left:calc(clamp(34px,5vw,58px) - 15px - 5px)!important;
  }
}

/* Phone */
@media (max-width:700px){
  #menu1-2uh .navbar-logo img,
  #menu1-2uh .navbar.navbar-short .navbar-logo img{
    width:clamp(144px,39vw,158px)!important;
    height:auto!important;
    max-width:none!important;
    transform:none!important;
    opacity:1!important;
  }
  #menu1-2uh .menu-logo{
    margin-left:-2px!important;
  }
}

/* iPhone / narrow Samsung reference final override */
@media (max-width:430px){
  #menu1-2uh .navbar-logo img,
  #menu1-2uh .navbar.navbar-short .navbar-logo img{
    width:146px!important;
    height:auto!important;
  }
}

/* iOS narrow viewport safety from reference */
@supports (-webkit-touch-callout:none){
  @media (max-width:700px){
    #menu1-2uh .navbar-logo img{
      max-width:min(146px,calc(100vw - 94px))!important;
    }
  }
}
