/* Header compact 2026 */
#page #masthead.andrusin-header {
  column-gap: 22px;
  grid-template-columns: auto minmax(0, 1fr) auto;
  margin: 0 auto;
  max-width: 1180px;
  min-height: 68px;
  padding: 8px 24px;
}
.andrusin-brand { height: 42px; width: 42px; }
.andrusin-brand-mark { height: 38px; width: 38px; }
.andrusin-navigation { float: none; justify-self: end; width: auto; }
.andrusin-navigation ul.menu { gap: clamp(17px, 1.75vw, 27px); }
.andrusin-navigation ul.menu a { font-weight: 400; }
.andrusin-cart { justify-self: end; padding: 7px 4px 7px 7px; }

@media (max-width: 900px) {
  #page #masthead.andrusin-header {
    grid-template-columns: 42px minmax(0, 1fr) 42px;
    min-height: 62px;
    padding: 8px 14px;
  }
  .andrusin-brand {
    grid-column: 2;
    grid-row: 1;
    justify-self: center;
  }
  .andrusin-menu-toggle {
    background: linear-gradient(#111,#111) center/19px 1px no-repeat;
    border: 0;
    border-radius: 0;
    display: block;
    font-size: 0;
    grid-column: 1;
    grid-row: 1;
    height: 40px;
    margin: 0;
    padding: 0;
    position: relative;
    width: 40px;
  }
  .andrusin-menu-toggle::before,
  .andrusin-menu-toggle::after {
    background: #111;
    content: "";
    height: 1px;
    left: 10px;
    position: absolute;
    transition: transform .2s ease, top .2s ease;
    width: 19px;
  }
  .andrusin-menu-toggle::before { top: 13px; }
  .andrusin-menu-toggle::after { top: 26px; }
  .andrusin-menu-toggle[aria-expanded="true"] { background-size: 0 1px; }
  .andrusin-menu-toggle[aria-expanded="true"]::before { top: 20px; transform: rotate(45deg); }
  .andrusin-menu-toggle[aria-expanded="true"]::after { top: 20px; transform: rotate(-45deg); }
  .andrusin-cart {
    grid-column: 3;
    grid-row: 1;
    justify-self: end;
  }
  #page #masthead .andrusin-navigation {
    background: #f7f6f2;
    border-top: 1px solid #d8d6cf;
    box-shadow: 0 16px 28px rgba(17,17,17,.08);
    display: none;
    grid-column: 1 / -1;
    left: 0;
    padding: 8px 20px 18px;
    position: absolute;
    right: 0;
    top: 100%;
    width: 100%;
  }
  #page #masthead .andrusin-navigation.toggled { display: block; }
  .andrusin-navigation ul.menu { display: block; }
  .andrusin-navigation ul.menu a {
    border-top: 0;
    border-bottom: 1px solid #d8d6cf;
    font-size: .9rem;
    padding: 11px 2px 10px;
  }
  .andrusin-navigation ul.menu li:last-child a { border-bottom: 0; }
}

@media (min-width:901px){
#page #masthead.andrusin-header{display:flex!important;max-width:1120px!important;min-height:78px!important;padding:12px 20px!important}
#page #masthead .andrusin-brand{flex:0 0 42px;margin-right:auto}
#page #masthead .andrusin-navigation{display:block!important;flex:0 1 auto!important;margin:0!important;width:auto!important}
#page #masthead .andrusin-navigation ul.menu{display:flex!important;justify-content:flex-end!important}
#page #masthead .andrusin-cart{flex:0 0 42px!important;margin-left:18px!important;width:42px!important}
}
@media (max-width:900px){
#page #masthead.andrusin-header{display:grid!important;grid-template-columns:42px minmax(0,1fr) 42px!important}
#page #masthead button.andrusin-menu-toggle{align-items:center!important;background:transparent!important;border:0!important;box-shadow:none!important;display:flex!important;grid-column:1!important;grid-row:1!important;height:40px!important;justify-content:center!important;margin:0!important;opacity:1!important;padding:0!important;visibility:visible!important;width:40px!important}
.andrusin-menu-toggle svg{display:block!important;height:22px;overflow:visible;width:22px}
.andrusin-menu-toggle .burger-line{fill:none;stroke:#111;stroke-linecap:round;stroke-width:1.5;transform-box:fill-box;transform-origin:center;transition:opacity .2s ease,transform .2s ease}
.andrusin-menu-toggle[aria-expanded="true"] .burger-line-1{transform:translateY(6px) rotate(45deg)}
.andrusin-menu-toggle[aria-expanded="true"] .burger-line-2{opacity:0}
.andrusin-menu-toggle[aria-expanded="true"] .burger-line-3{transform:translateY(-6px) rotate(-45deg)}
}
