/* PRODUKTE / PRODUCTS dropdown — native details, no click interception */
.menu details.product-menu{
  position:relative;
  margin:0;
  padding:0;
}
.menu details.product-menu > summary{
  list-style:none;
  cursor:pointer;
  color:inherit;
  font:inherit;
  font-weight:inherit;
  letter-spacing:inherit;
  text-transform:inherit;
  padding:0;
  user-select:none;
}
.menu details.product-menu > summary::-webkit-details-marker{display:none}
.menu details.product-menu > summary::after{
  content:" ▾";
  font-size:.78em;
  opacity:.78;
}
.menu details.product-menu.current > summary{
  color:var(--green,#ccff00);
}
.product-menu-panel{
  display:none;
  position:absolute;
  left:50%;
  top:calc(100% + 12px);
  transform:translateX(-50%);
  min-width:190px;
  padding:8px;
  z-index:1000;
  border:1px solid rgba(204,255,0,.28);
  background:rgba(7,8,8,.98);
  box-shadow:0 18px 40px rgba(0,0,0,.42);
}
.product-menu-panel::before{
  content:"";
  position:absolute;
  left:0;right:0;top:-14px;height:14px;
}
.product-menu-panel a{
  display:block!important;
  width:100%;
  padding:11px 12px!important;
  white-space:nowrap;
  text-align:left;
  border-bottom:1px solid rgba(255,255,255,.07);
}
.product-menu-panel a:last-child{border-bottom:0}
.product-menu-panel a:hover,
.product-menu-panel a:focus-visible,
.product-menu-panel a.active{
  background:rgba(204,255,0,.09);
  color:var(--green,#ccff00);
}
details.product-menu[open] .product-menu-panel,
details.product-menu:focus-within .product-menu-panel{
  display:block;
}
@media(hover:hover) and (min-width:981px){
  details.product-menu:hover .product-menu-panel{display:block}
}
@media(max-width:980px){
  .menu details.product-menu{width:100%}
  .menu details.product-menu > summary{
    display:block;
    width:100%;
    padding:12px 0;
    touch-action:manipulation;
  }
  .product-menu-panel{
    position:static;
    transform:none;
    min-width:0;
    width:100%;
    padding:4px 0 6px 14px;
    border:0;
    border-left:2px solid rgba(204,255,0,.35);
    background:transparent;
    box-shadow:none;
  }
  .product-menu-panel a{padding:10px 0!important}
}