/* OilsPortal v0.38.1 · public header navigation polish */
body > .wrap > header,
body > main.wrap > header,
body > .shell > header{
  display:grid!important;
  grid-template-columns:minmax(220px,max-content) minmax(0,1fr)!important;
  align-items:center!important;
  column-gap:clamp(34px,5vw,78px)!important;
  row-gap:14px!important;
  padding-top:26px!important;
  padding-bottom:26px!important;
}

[data-site-brand],
.brand[data-site-brand],
header .brand{
  white-space:nowrap;
  line-height:1.15!important;
}

[data-site-header-nav]{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex-wrap:wrap!important;
  column-gap:clamp(15px,1.45vw,24px)!important;
  row-gap:10px!important;
  min-width:0;
}

[data-site-header-nav] a{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  white-space:nowrap;
  text-decoration:none!important;
  border-bottom:1px solid transparent;
  color:inherit!important;
  font-size:14px!important;
  font-weight:600!important;
  line-height:1.2!important;
  transition:border-color .15s ease,color .15s ease,background .15s ease,transform .15s ease;
}

[data-site-header-nav] a:hover{
  border-bottom-color:color-mix(in srgb,var(--accent) 72%,transparent);
  color:color-mix(in srgb,var(--text) 82%,var(--accent) 18%)!important;
}

[data-site-header-nav] a[href="/account"],
[data-site-header-nav] a[href="/cart"]{
  min-height:38px;
  padding:0 12px;
  border:1px solid var(--line)!important;
  border-radius:12px;
  background:color-mix(in srgb,var(--panel) 94%,var(--accent) 6%);
}

[data-site-header-nav] a[href="/account"]:hover,
[data-site-header-nav] a[href="/cart"]:hover{
  background:color-mix(in srgb,var(--panel) 88%,var(--accent) 12%);
  transform:translateY(-1px);
}

@media(max-width:1120px){
  body > .wrap > header,
  body > main.wrap > header,
  body > .shell > header{
    grid-template-columns:1fr!important;
    column-gap:0!important;
    padding-bottom:20px!important;
  }
  [data-site-header-nav]{
    justify-content:flex-start!important;
    width:100%;
  }
}

@media(max-width:720px){
  [data-site-header-nav]{
    gap:8px!important;
  }
  [data-site-header-nav] a{
    min-height:36px;
    padding:0 10px;
    border:1px solid var(--line)!important;
    border-radius:11px;
    background:var(--panel);
    font-size:13px!important;
  }
}