/* Shared storefront header, used by every page extending base.html. */
body.s4-storefront :is(.top-menu, .site-header-shell, .category-bar, .mobile-search-row) { --text: #20251f; --muted: #686e65; --line: #e5e7df; --container-max: 1320px; }
body.s4-storefront .top-menu {
  min-height: 34px;
  background: #f3f4ef;
  color: #50594d;
  border-bottom: 1px solid var(--line);
}
body.s4-storefront .top-menu-inner { min-height: 34px; }
body.s4-storefront .top-menu a,
body.s4-storefront .top-menu-trust { color: #50594d; font-size: 12px; font-weight: 500; }
body.s4-storefront .top-menu i { color: #345337; font-size: 12px; }
body.s4-storefront .top-menu-separator { height: 15px; background: #d9ded4; }
body.s4-storefront .site-header-shell { background: #fff; box-shadow: none; }
body.s4-storefront .header-main { min-height: 92px; gap: 20px; backdrop-filter: none; }
body.s4-storefront .logo-wrapper { min-width: 150px; padding: 0; border-radius: 0; }
body.s4-storefront .logo-img { height: 48px; max-width: 200px; object-fit: contain; }
body.s4-storefront .search-box {
  min-height: 46px;
  background: #fafbf8;
  border: 1px solid #d6dbd1;
  border-radius: 4px;
  box-shadow: none;
}
body.s4-storefront .search-box:focus-within { border-color: #345337; box-shadow: 0 0 0 2px #34533722; transform: none; }
body.s4-storefront .search-leading-icon { width: 28px; height: 28px; font-size: 17px; color: #345337; }
body.s4-storefront .search-box .search-btn { color: #345337; }
body.s4-storefront .header-icons { gap: 8px; min-width: 0; flex-shrink: 0; }
body.s4-storefront .header-search-wrap { min-width: 0; }
body.s4-storefront .header-search-area { width: 100%; }
body.s4-storefront .header-icons .nav-icon { padding: 0 9px; white-space: nowrap; }
body.s4-storefront .search-box .search-btn { background: #345337 !important; color: #fff; width: 42px; min-width: 42px; height: 36px; min-height: 36px; border-radius: 3px !important; box-shadow: none; font-size: 17px; }
body.s4-storefront .category-bar { padding: 0; }
body.s4-storefront .category-shell { max-width: 1320px; border: 0; border-radius: 0; box-shadow: none; }
body.s4-storefront .category-list { min-height: 48px; }
body.s4-storefront .category-item + .category-item { border-left: 0; }
body.s4-storefront .category-item .category-all-link { background: #f1f4ee !important; color: #345337 !important; box-shadow: none; border-radius: 3px !important; }
body.s4-storefront .category-icon { color: #345337; }
body.s4-storefront .nav-icon { background: transparent; border-color: transparent; color: #20251f; box-shadow: none; font-weight: 500; }
body.s4-storefront .nav-icon:hover { background: #f1f4ee; color: #345337; }
body.s4-storefront .category-bar { background: #fff; border-color: var(--line); box-shadow: none; }
body.s4-storefront .category-item > a { color: #20251f; font-weight: 600; border-radius: 3px; }
body.s4-storefront .category-item > a:hover { background: #f1f4ee; color: #345337; }
body.s4-storefront .category-all-link { background: #f1f4ee; color: #345337; }

@media (max-width: 991px) {
  body.s4-storefront .top-menu.desktop { display: none !important; }
  body.s4-storefront .header-main { min-height: 70px; gap: 6px; }
  body.s4-storefront .logo-wrapper { min-width: 0; }
  body.s4-storefront .logo-img { height: 36px; max-width: 145px; }
  body.s4-storefront .mobile-search-row { background: #fff; padding: 0 0 14px; box-shadow: none; }
  body.s4-storefront .mobile-search-row .search-box { min-height: 44px; }
}