/* Frosted dark menu. Original geometry, shadows and motion are preserved. */
.site-header:is([data-compact=true], [data-menu-open=true], [data-search-active=true]) {
  --ink: #faf7f1;
  --muted: #ddd5ca;
  --wine: #f5dfbd;
  --line: #ffffff24;
  --action-surface: #ffffff14;
}

.site-header:is([data-compact=true], [data-menu-open=true], [data-search-active=true]) .header-panel {
  color: #faf7f1;
  background-color: rgba(82, 80, 77, .96);
}
/* Keep the opaque fallback when backdrop filtering is unavailable. */
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .site-header:is([data-compact=true], [data-menu-open=true], [data-search-active=true]) .header-panel {
    background-color: rgba(82, 80, 77, .82);
    -webkit-backdrop-filter: blur(24px) saturate(.7);
    backdrop-filter: blur(24px) saturate(.7);
  }
}
@media (prefers-reduced-transparency: reduce) {
  .site-header:is([data-compact=true], [data-menu-open=true], [data-search-active=true]) .header-panel {
    background-color: rgb(82, 80, 77);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}
.site-header:is([data-compact=true], [data-menu-open=true], [data-search-active=true]) .wordmark img {
  filter: brightness(0) invert(1);
}
.site-header:is([data-compact=true], [data-menu-open=true], [data-search-active=true]) .loza-nav-indicator {
  background-color: #ffffff20;
  border-color: #ffffff19;
}
.site-header:is([data-compact=true], [data-menu-open=true], [data-search-active=true]) .product-search-form input {
  background-color: #ffffff0d;
  border-color: #ffffff30;
  color: #faf7f1;
  caret-color: #faf7f1;
}
.site-header:is([data-compact=true], [data-menu-open=true], [data-search-active=true]) .product-search-form input:focus-visible {
  background-color: #ffffff14;
}
.site-header:is([data-compact=true], [data-menu-open=true], [data-search-active=true]) .product-search-form input::-webkit-search-cancel-button {
  filter: grayscale(1) brightness(0) invert(1);
}
.site-header:is([data-compact=true], [data-menu-open=true], [data-search-active=true]) .product-search-results {
  scrollbar-color: #a59e92 transparent;
}
.site-header:is([data-compact=true], [data-menu-open=true], [data-search-active=true]) .product-search-result:focus-visible {
  background-color: #ffffff17;
}
.site-header:is([data-compact=true], [data-menu-open=true], [data-search-active=true]) .product-search-retry {
  background-color: #4c2927;
}
@media (hover:hover) and (pointer:fine) {
  .site-header:is([data-compact=true], [data-menu-open=true], [data-search-active=true]) nav[data-loza-menu]:has(>button:hover, >a:hover) > :is(button, a):not(.is-current) {
    color: #ddd5ca;
  }
  .site-header:is([data-compact=true], [data-menu-open=true], [data-search-active=true]) .product-search-form input:hover {
    background-color: #ffffff14;
    border-color: #ffffff50;
  }
  .site-header:is([data-compact=true], [data-menu-open=true], [data-search-active=true]) .product-search-result:hover {
    background-color: #ffffff17;
  }
}
/* Mobile dropdown uses the same warm surface and framed items as .more-surface/.more-card. */
@media (max-width:1100px) {
  .site-header[data-menu-open=true] .header-panel {
    color: #faf6ee;
    background-color: rgba(84, 77, 69, .96);
    border: 1px solid #fff5;
    border-radius: 12px;
    box-shadow: 0 16px 60px #10090626;
  }
  .site-header .header-mobile-menu nav {
    gap: 0;
    margin-top: 16px;
    border-radius: 11px;
    background: #49443d;
    scrollbar-width: thin;
    scrollbar-color: #fff5 transparent;
  }
  .site-header .header-mobile-menu nav > :is(button, a) {
    display: flex;
    align-items: center;
    min-height: 56px;
    padding: 16px 20px;
    border: 1px solid #fff3;
    border-radius: 11px;
    corner-shape: squircle;
    background: transparent;
    color: #faf6ee;
    font-size: 16px;
    line-height: 1.4;
    font-weight: 400;
    text-align: left;
  }
  .site-header .header-mobile-menu .loza-nav-indicator {
    border-color: #fff3;
    border-radius: 11px;
    corner-shape: squircle;
    background-color: #fff2;
    box-shadow: none;
  }
  .site-header .header-mobile-menu .loza-nav-icon { left: 20px; }
  .site-header .header-mobile-menu nav > :focus-visible {
    outline: 2px solid #fff9ef;
    outline-offset: -4px;
  }
  @supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    .site-header[data-menu-open=true] .header-panel {
      background-color: rgba(84, 77, 69, .8);
      -webkit-backdrop-filter: blur(12px);
      backdrop-filter: blur(12px);
    }
  }
  @media (prefers-reduced-transparency: reduce) {
    .site-header[data-menu-open=true] .header-panel {
      background-color: rgb(84, 77, 69);
      -webkit-backdrop-filter: none;
      backdrop-filter: none;
    }
  }
}