/* Only this adapter knows about the site header, mobile dock and Cult UI. */
.pd-site-nav { max-width: calc(100vw - 420px); }
.pd-site-nav .pd-liquid-nav__tryon {
  color: var(--cult-fg, #f3f4f5);
  background: #4e4e4e94 !important;
  white-space: nowrap;
}
.pd-site-nav [data-nav-anchor] { z-index: 4; }
.pd-site-nav .cult-button-label { width: 100%; min-width: 0; }
/* Cult UI's shader stays animated; the control itself never scales on press. */
.pd-site-nav [data-nav-anchor]:is(:hover, :active) { transform: none !important; }
@media (max-width: 1080px) {
  .pd-site-nav {
    --liquid-nav-font-size: 12px;
    --liquid-nav-icon-size: 18px;
    --liquid-nav-compact-icon-size: 26px;
    --liquid-nav-item-height: 46px;
    --liquid-nav-item-padding: 10px;
    --liquid-nav-content-gap: 5px;
    --liquid-nav-gap: 3px;
    --liquid-nav-padding: 5px;
    --liquid-glass-frost: .5px;
    position: fixed;
    top: auto;
    bottom: calc(12px + env(safe-area-inset-bottom, 0px));
    left: 50%;
    transform: translateX(-50%);
    max-width: calc(100vw - 16px);
  }
  .pd-public-bg::after { content: ""; display: block; height: calc(90px + env(safe-area-inset-bottom, 0px)); pointer-events: none; }
  html { scroll-padding-bottom: calc(90px + env(safe-area-inset-bottom, 0px)); }
}
@media (max-width: 380px) {
  .pd-site-nav {
    --liquid-nav-font-size: 11px;
    --liquid-nav-icon-size: 16px;
    --liquid-nav-item-height: 44px;
    --liquid-nav-item-padding: 7px;
    --liquid-nav-content-gap: 4px;
    --liquid-nav-gap: 2px;
    --liquid-nav-padding: 4px;
    max-width: calc(100vw - 8px);
  }
  .pd-site-nav .pd-liquid-nav__content { padding-inline: 7px; }
  .NavBar-module__navInner { padding-inline: 12px; }
  .NavBar-module__logo { height: 56px; }
  .NavBar-module__navActions > button { font-size: 13px; padding-inline: 12px; }
}