.catalog-header-with-menu {
  min-height: 68px;
  height: auto;
  padding-block: 11px;
  flex-wrap: nowrap;
}
.site-header-actions {
  display: flex;
  align-items: center;
  gap: 9px;
}
.site-header-actions .shortlist-open {
  min-height: 44px;
  justify-content: center;
}
.site-menu-toggle, .site-menu-close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-width: 44px;
  min-height: 44px;
  border: 1px solid #c4d3c0;
  border-radius: 8px;
  background: #eff2e8;
  color: #254f3c;
  font: 700 14px/1.2 Arial, sans-serif;
  cursor: pointer;
}
.site-menu-toggle { list-style: none; padding: 0 11px; }
.site-menu-toggle::-webkit-details-marker { display: none; }
.site-menu-toggle:hover, .site-menu-close:hover { background: #e0e9da; }
.site-menu-close[hidden] { display: none; }
.site-menu-backdrop {
  position: fixed;
  inset: 0;
  z-index: 30;
  background: rgb(25 44 35 / 32%);
}
.site-menu-panel {
  position: fixed;
  inset: 0 0 0 auto;
  z-index: 31;
  box-sizing: border-box;
  width: min(100%, 400px);
  padding: 22px max(22px, env(safe-area-inset-right)) max(22px, env(safe-area-inset-bottom)) 22px;
  overflow-y: auto;
  overscroll-behavior: contain;
  background: #fffdf7;
  color: #233f33;
  box-shadow: -12px 0 36px rgb(25 44 35 / 14%);
}
.site-menu[open] > .site-menu-panel { animation: site-menu-enter 180ms ease-out; }
@keyframes site-menu-enter { from { transform: translateX(100%); } }
@media (prefers-reduced-motion: reduce) {
  .site-menu[open] > .site-menu-panel { animation: none; }
}
.site-menu:not([data-menu-ready])[open] > .site-menu-toggle {
  position: fixed;
  z-index: 32;
  inset: 22px max(22px, env(safe-area-inset-right)) auto auto;
}
.site-menu-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 44px;
  margin-bottom: 14px;
}
.site-menu-heading h2 { margin: 0; font: 30px/1.1 Georgia, serif; }
.site-menu-close .action-icon { width: 20px; height: 20px; }
.catalog-header-with-menu .site-menu-links {
  display: grid;
  width: auto;
  gap: 15px;
  font-size: 14px;
}
.site-menu-search .nav-tool-search {
  width: 100%;
  box-sizing: border-box;
  justify-content: center;
}
.catalog-header-with-menu .site-menu-search .nav-tool-search { min-height: 44px; font-size: 14px; }
.site-menu-search .nav-tool-panel {
  position: static;
  width: 100%;
  max-height: none;
  margin-top: 8px;
  box-shadow: none;
}
.site-menu-group { border-top: 1px solid #dce1d3; padding-top: 13px; }
.site-menu-group h3 {
  margin: 0 0 4px;
  color: #4b604f;
  font: 700 13px/1.4 Arial, sans-serif;
}
.catalog-header-with-menu .site-menu-group > a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 40px;
  font-size: 15px;
}
.catalog-header-with-menu .site-menu-group > a:hover { text-decoration: underline; text-underline-offset: 3px; }
.site-menu-group > a > span { color: #55785c; }
.site-menu-info { display: flex; flex-wrap: wrap; gap: 0 16px; }
.site-menu-info h3 { flex-basis: 100%; }
.catalog-header-with-menu .site-menu-info > a { font-size: 13px; }
@media (max-width: 420px) {
  .site-header-actions { gap: 5px; }
  .site-header-actions .shortlist-open > span, .site-menu-toggle span { display: none; }
  .site-menu-toggle { padding-inline: 8px; }
}