/* MODULIQ Newsroom v1.7.2 — ONE HEADER ONLY
 * Canonical header geometry for home, single, category/archive, page and search.
 */
.mq-v172-header{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  background:var(--mq-surface)!important;
}

/* The header rail is deliberately NOT .mq-container.  A nested .mq-container
 * was the regression: in inline-nav mode it inherited context/global width
 * rules and made the same header appear different on home/single/archive. */
.mq-v172-header-inner{
  box-sizing:border-box!important;
  margin-inline:auto!important;
  display:grid!important;
  grid-template-columns:var(--mq-header-logo-width,260px) minmax(0,1fr) max-content!important;
  align-items:center!important;
  gap:clamp(14px,1.4vw,26px)!important;
  min-width:0!important;
  min-height:92px!important;
  padding-block:16px!important;
}
body.mq-theme-wide .mq-v172-header-inner{
  width:min(var(--mq-wide-percent,90vw),var(--mq-wide-width,1920px))!important;
  max-width:none!important;
  padding-inline:0!important;
}
body.mq-theme-boxed .mq-v172-header-inner{
  width:min(var(--mq-boxed-width,1280px),calc(100% - 40px))!important;
  max-width:none!important;
  padding-inline:0!important;
}
body.mq-theme-full .mq-v172-header-inner{
  width:100%!important;
  max-width:none!important;
  padding-inline:var(--mq-full-gutter,24px)!important;
}

.mq-v172-header .mq-v172-brand,
.mq-v172-header .mq-logo-link{
  box-sizing:border-box!important;
  width:var(--mq-header-logo-width,260px)!important;
  min-width:var(--mq-header-logo-width,260px)!important;
  max-width:var(--mq-header-logo-width,260px)!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  overflow:visible!important;
}
.mq-v172-header .mq-mode-logo,
.mq-v172-header .mq-logo-single{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:var(--mq-header-logo-height,58px)!important;
  max-height:var(--mq-header-logo-height,58px)!important;
  object-fit:contain!important;
  object-position:left center!important;
  margin:0!important;
}

.mq-v172-nav-slot{
  min-width:0!important;
  width:100%!important;
  overflow:visible!important;
}
.mq-v172-header .mq-nav-inline{
  position:static!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
.mq-v172-header .mq-nav-inline .mq-nav-inner-inline{
  display:flex!important;
  align-items:center!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  gap:0!important;
}
.mq-v172-header .mq-nav-inline .mq-menu-wrap{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}
.mq-v172-header .mq-nav-inline .mq-menu{
  display:flex!important;
  align-items:center!important;
  gap:clamp(11px,1.15vw,23px)!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  flex-wrap:nowrap!important;
}
body.mq-nav-left .mq-v172-header .mq-nav-inline .mq-menu{justify-content:flex-start!important}
body.mq-nav-center .mq-v172-header .mq-nav-inline .mq-menu{justify-content:center!important}
body.mq-nav-right .mq-v172-header .mq-nav-inline .mq-menu{justify-content:flex-end!important}
body.mq-nav-spread .mq-v172-header .mq-nav-inline .mq-menu{justify-content:space-between!important}
.mq-v172-header .mq-nav-inline .mq-menu>li{flex:0 0 auto!important;min-width:0!important}
.mq-v172-header .mq-nav-inline .mq-menu>li>a{
  padding:14px 0!important;
  white-space:nowrap!important;
  font-size:clamp(12px,.78vw,14px)!important;
}

.mq-v172-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  justify-self:end!important;
}
.mq-v172-header .mq-header-search-trigger{
  box-sizing:border-box!important;
  width:clamp(160px,13vw,220px)!important;
  min-width:0!important;
  max-width:220px!important;
  flex:0 1 220px!important;
  margin:0!important;
}
.mq-v172-header .mq-mode-toggle{flex:0 0 auto!important;margin:0!important}
.mq-v172-header .mq-cart{flex:0 0 auto!important;margin:0!important}

/* Separate-nav mode still uses the same brand/action row on every context. */
body.mq-nav-location-separate .mq-v172-header-inner{
  grid-template-columns:var(--mq-header-logo-width,260px) minmax(0,1fr) max-content!important;
}
body.mq-nav-location-separate .mq-v172-brand{grid-column:1!important}
body.mq-nav-location-separate .mq-v172-actions{grid-column:3!important}
body.mq-nav-location-separate .mq-v172-header>.mq-nav-separate{margin:0!important}

.mq-v172-header-ad{
  width:min(var(--mq-wide-percent,90vw),var(--mq-wide-width,1920px));
  margin-inline:auto;
}

@media(max-width:1280px) and (min-width:761px){
  .mq-v172-header-inner{
    grid-template-columns:min(220px,var(--mq-header-logo-width,260px)) minmax(0,1fr) max-content!important;
    gap:12px!important;
  }
  .mq-v172-header .mq-v172-brand,
  .mq-v172-header .mq-logo-link{
    width:min(220px,var(--mq-header-logo-width,260px))!important;
    min-width:min(220px,var(--mq-header-logo-width,260px))!important;
    max-width:min(220px,var(--mq-header-logo-width,260px))!important;
  }
  .mq-v172-header .mq-header-search-trigger{width:150px!important;max-width:150px!important}
  .mq-v172-header .mq-nav-inline .mq-menu{gap:10px!important}
  .mq-v172-header .mq-nav-inline .mq-menu>li>a{font-size:12px!important}
}

@media(max-width:760px){
  .mq-v172-header-inner,
  body.mq-theme-wide .mq-v172-header-inner,
  body.mq-theme-boxed .mq-v172-header-inner,
  body.mq-theme-full .mq-v172-header-inner{
    width:calc(100% - 24px)!important;
    min-height:68px!important;
    padding:10px 0!important;
    display:flex!important;
    gap:8px!important;
  }
  .mq-v172-header .mq-v172-brand,
  .mq-v172-header .mq-logo-link{
    width:min(155px,45vw)!important;
    min-width:min(155px,45vw)!important;
    max-width:min(155px,45vw)!important;
    flex:1 1 auto!important;
  }
  .mq-v172-header .mq-mode-logo,.mq-v172-header .mq-logo-single{height:46px!important;max-height:46px!important}
  .mq-v172-nav-slot{width:auto!important;flex:0 0 auto!important;order:2!important}
  .mq-v172-header .mq-nav-inline .mq-nav-inner-inline{display:block!important;width:auto!important}
  .mq-v172-actions{order:3!important;flex:0 0 auto!important}
  .mq-v172-header .mq-header-search-trigger{width:38px!important;min-width:38px!important;max-width:38px!important;flex:0 0 38px!important}
  .mq-v172-header .mq-header-search-trigger-label{display:none!important}
}