/* Products dropdown: desktop click menu and mobile expandable menu. */
.product-menu { position: relative; display: block; }
.product-menu summary {
  list-style: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 26px 0 23px;
  color: #3d4b5d;
  border-bottom: 3px solid transparent;
  cursor: pointer;
  user-select: none;
}
.product-menu summary::-webkit-details-marker { display: none; }
.product-menu summary:hover,
.product-menu[open] summary { color: var(--blue); border-bottom-color: var(--blue); }
.menu-chevron { font-size: 16px; line-height: 1; transition: transform .2s ease; }
.product-menu[open] .menu-chevron { transform: rotate(180deg); }
.product-menu-panel {
  position: absolute;
  top: calc(100% - 8px);
  left: -18px;
  z-index: 100;
  width: 210px;
  padding: 10px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 6px;
  box-shadow: 0 16px 36px rgba(8,26,44,.16);
}
.product-menu-panel a {
  display: block;
  padding: 11px 12px !important;
  color: var(--ink) !important;
  border: 0 !important;
  font-size: 13px;
  line-height: 1.35;
}
.product-menu-panel a:hover { background: #eef6fc; color: var(--blue) !important; }
.product-filter-active { margin: -4px 0 26px; color: var(--blue); font-size: 13px; font-weight: 800; }
@media (max-width: 1000px) {
  .product-menu { flex: 0 0 auto; }
  .product-menu summary { padding: 5px 0 10px; }
  .product-menu-panel { position: fixed; top: auto; left: 16px; right: 16px; width: auto; margin-top: 6px; }
}