/* Scoped prototype: existing product cards, header and forms retain their styles. */
:root { --catalog-header-height:93px; --catalog-toolbar-height:50px; }
.catalog-toolbar {
  position:sticky;
  top:var(--catalog-header-height);
  z-index:9;
  box-sizing:border-box;
  display:flex;
  align-items:center;
  gap:20px;
  height:50px;
  padding:0 12px;
  margin:0 0 20px;
  border:1px solid #e4e4e4;
  border-radius:4px;
  background:#fff;
  box-shadow:0 2px 4px rgb(0 0 0 / 5%);
  color:#3c3c3b;
}
.catalog-toolbar .nav-menu { flex:1; min-width:0; margin:0; font-size:14px; text-align:left; }
.catalog-toolbar .topmenu { display:flex; align-items:center; justify-content:space-between; gap:0; }
.catalog-toolbar .topmenu > li { display:block; }
.catalog-toolbar .topmenu > li > a {
  position:relative;
  padding:16px 5px !important;
  border:0;
  font-weight:500;
  line-height:16px;
  color:#555;
  white-space:nowrap;
  transition:color .15s;
}
.catalog-toolbar .topmenu > li > a::after {
  position:absolute;
  content:"";
  height:2px;
  bottom:0;
  left:5px;
  right:5px;
  background:transparent;
}
.catalog-toolbar .topmenu > li > a[aria-current="location"],
.catalog-toolbar .topmenu > li > a:hover { color:#ed531a; }
.catalog-toolbar .topmenu > li > a[aria-current="location"]::after { background:#fb5a1c; }
.catalog-toolbar .nav-menu .submenu {
  top:100%;
  max-height:calc(100vh - var(--catalog-header-height) - 75px);
  overflow:auto;
  border:1px solid #e9e9e9;
  border-radius:0 0 5px 5px;
  box-shadow:0 5px 15px rgb(0 0 0 / 12%);
  transform:none;
  display:none;
  transition:none;
}
.catalog-toolbar .nav-menu li:hover > .submenu,
.catalog-toolbar .nav-menu li:focus-within > .submenu { display:block; transform:none; }
.catalog-toolbar .nav-menu .submenu:empty,
.catalog-toolbar.search-open .nav-menu .submenu,
.catalog-toolbar .nav-menu li.dismiss-submenu > .submenu { display:none; }
.catalog-toolbar .submenu a { color:#555; border:0; padding:10px 14px; line-height:18px; transition:none; }
.catalog-toolbar .submenu a:hover, .catalog-toolbar .submenu a:focus-visible { color:#ed531a; background:#fff5ee; }
.catalog-toolbar :focus-visible { outline:1px solid #777; outline-offset:2px; }
.catalog-search { position:relative; flex:0 0 235px; font:14px/1.3 -apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif; }
.catalog-search-field { display:flex; align-items:center; gap:8px; height:32px; padding:0 10px; border:1px solid #e3e3e3; border-radius:5px; background:#f7f7f7; color:#888; }
.catalog-search-field:focus-within { border-color:#b7b7b7; background:white; }
.catalog-search input {
  box-sizing:border-box;
  width:100%;
  min-width:0;
  height:30px;
  margin:0;
  padding:0;
  border:0;
  border-radius:0;
  box-shadow:none;
  outline:0;
  background:transparent;
  font:inherit;
  color:#3c3c3b;
  -webkit-appearance:none;
  appearance:none;
}
.catalog-search input::placeholder, .catalog-search input:focus::placeholder { color:#888; opacity:1; }
.catalog-toolbar .catalog-search input:focus-visible { outline:none; }
.catalog-search input::-webkit-search-cancel-button { -webkit-appearance:none; }
.catalog-search-field svg { flex-shrink:0; }
.catalog-search-clear { border:0; background:transparent; padding:0 2px; color:#777; font:20px/24px Arial,sans-serif; cursor:pointer; }
.catalog-search-panel {
  position:absolute;
  top:calc(100% + 8px);
  right:0;
  width:360px;
  max-height:calc(100vh - var(--catalog-header-height) - 75px);
  overflow:auto;
  background:white;
  border:1px solid #e3e3e3;
  border-radius:6px;
  box-shadow:0 6px 20px rgb(0 0 0 / 15%);
}
.catalog-search [hidden] { display:none !important; }
.catalog-search-summary { margin:0; padding:12px 14px 10px; color:#888; font-size:12px; line-height:1.4; border-bottom:1px solid #f0f0f0; }
.catalog-search-panel ul { list-style:none; margin:0; padding:4px 0; }
.catalog-search-panel li { margin:0; padding:0; }
.catalog-search-panel a { display:flex; flex-direction:column; gap:3px; padding:10px 14px; color:#3c3c3b; text-decoration:none; line-height:1.35; }
.catalog-search-panel a[aria-selected="true"], .catalog-search-panel a:hover { background:#fff4ec; }
.catalog-search-panel a small { color:#999; font-size:11px; }
.catalog-search-panel a strong { font-weight:500; }
.catalog-search-hint { margin:0; padding:10px 14px; border-top:1px solid #f0f0f0; font-size:11px; color:#999; }
.catalog-search-empty { margin:0; padding:16px 14px; color:#666; line-height:1.5; }
[id^="aj-search-"] { scroll-margin-top:calc(var(--catalog-header-height) + var(--catalog-toolbar-height) + 18px); }
/* This sheet is loaded only on the main catalog. Keep its navigation under dialogs. */
.popup_overlay { z-index:999; }
@media (prefers-reduced-motion:reduce) { .catalog-toolbar * { transition:none !important; } }