/* FIXED Temposonics logo layout
   Safe only for /temposonics/ pages.
   This does not touch bd.impro-solution.com main site.
*/

.header{
  overflow:visible !important;
}

.header .navbar{
  min-height:132px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex-wrap:wrap !important;
  gap:8px 22px !important;
  padding-top:14px !important;
  padding-bottom:12px !important;
}

.header .logo.co-brand-logo{
  width:100% !important;
  max-width:620px !important;
  height:82px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 auto !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  text-decoration:none !important;
  overflow:visible !important;
  flex:0 0 100% !important;
}

.header .logo.co-brand-logo img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  display:block !important;
  background:transparent !important;
  border:0 !important;
}

.header .menu{
  width:100% !important;
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px 18px !important;
  margin:0 auto !important;
  padding:0 !important;
}

.header .menu a{
  white-space:normal !important;
}

.header .hamb{
  position:absolute !important;
  right:18px !important;
  top:24px !important;
}

/* Footer logo merged inside first footer column, no extra box */
.footer .co-brand-footer{
  width:100% !important;
  max-width:360px !important;
  height:78px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  margin:0 0 16px 0 !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  text-decoration:none !important;
}

.footer .co-brand-footer img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:left center !important;
  display:block !important;
  background:transparent !important;
  border:0 !important;
}

.footer .grid4 > div:first-child h3{
  display:none !important;
}

.mobile.open{
  display:flex !important;
}

@media (min-width:1050px){
  .header .navbar{
    min-height:118px !important;
  }
  .header .logo.co-brand-logo{
    max-width:660px !important;
    height:80px !important;
  }
}

@media (max-width:920px){
  .topline .inner{
    flex-direction:column !important;
    gap:4px !important;
    text-align:center !important;
  }
  .header .navbar{
    min-height:112px !important;
  }
  .header .logo.co-brand-logo{
    max-width:520px !important;
    height:68px !important;
  }
  .header .menu{
    display:none !important;
  }
  .header .hamb{
    display:block !important;
  }
}

@media (max-width:560px){
  .header .navbar{
    min-height:96px !important;
  }
  .header .logo.co-brand-logo{
    max-width:360px !important;
    height:54px !important;
  }
  .footer .co-brand-footer{
    max-width:310px !important;
    height:62px !important;
  }
}