.product-network{position:relative;z-index:910;background:#0b1d17;color:#d9e7e1;border-bottom:1px solid rgba(255,255,255,.1);font-family:var(--site-font,Inter,"Segoe UI",sans-serif)}
.product-network-inner{position:relative;min-height:48px;display:flex;align-items:center;gap:12px}
.product-network-label{display:inline-flex;align-items:center;gap:8px;margin-right:5px;color:#94aca2;text-decoration:none;font-size:var(--text-11);font-weight:850;letter-spacing:.105em;text-transform:uppercase;white-space:nowrap}
.product-network-symbol{position:relative;width:18px;height:18px;border:1px solid rgba(126,231,191,.34);border-radius:6px}
.product-network-symbol::before{content:"";position:absolute;width:4px;height:4px;border-radius:50%;background:#34d399;box-shadow:7px 0 #42a8c5,0 7px #e4aa31,7px 7px #8d72cf;left:3px;top:3px}
.product-network-primary{display:flex;align-items:center;gap:4px}
.product-network-primary a,.product-network-more>summary,.product-network-info{color:#c8d9d2;text-decoration:none;font-size:var(--text-12);font-weight:750;white-space:nowrap}
.product-network-primary a,.product-network-more>summary{display:inline-flex;align-items:center;gap:7px;min-height:var(--control-height);padding:6px 10px;border:1px solid transparent;border-radius:999px}
.product-network-primary a:hover,.product-network-more>summary:hover{background:rgba(255,255,255,.06);color:#fff}
.product-network-primary a.active,.product-network-more.active>summary{border-color:rgba(255,255,255,.08);background:rgba(255,255,255,.11);color:#fff}
.network-dot{width:7px;height:7px;border-radius:50%;background:#34d399;box-shadow:0 0 0 3px rgba(52,211,153,.15)}
.product-network-primary a[href="/"] .network-dot{background:#34d399;box-shadow:0 0 0 3px rgba(52,211,153,.16)}
.product-network-primary a[href="/waermepumpen.html"] .network-dot{background:#42a8c5;box-shadow:0 0 0 3px rgba(66,168,197,.18)}
.product-network-primary a[href="/balkonkraftwerke.html"] .network-dot{background:#e4aa31;box-shadow:0 0 0 3px rgba(228,170,49,.2)}
.product-network-primary a[href="/maehroboter.html"] .network-dot{background:#91b650;box-shadow:0 0 0 3px rgba(145,182,80,.2)}
.product-network-primary a[href="/luftentfeuchter.html"] .network-dot{background:#2f7382;box-shadow:0 0 0 3px rgba(47,115,130,.2)}
.product-network-links a[href="/saugroboter.html"] .network-dot{background:#8d72cf;box-shadow:0 0 0 3px rgba(141,114,207,.2)}
.product-network-links a[href="/nasssauger.html"] .network-dot{background:#2f6f86;box-shadow:0 0 0 3px rgba(47,111,134,.2)}
.product-network-links a[href="/powerstations.html"] .network-dot{background:#e4774d;box-shadow:0 0 0 3px rgba(228,119,77,.2)}
.product-network-links a[href="/luftentfeuchter.html"] .network-dot{background:#2f7382;box-shadow:0 0 0 3px rgba(47,115,130,.2)}
.product-network-links a[href="/luftreiniger.html"] .network-dot{background:#45a2b3;box-shadow:0 0 0 3px rgba(69,162,179,.2)}
.product-network-links a[href="/infrarotheizungen.html"] .network-dot{background:#a3444f;box-shadow:0 0 0 3px rgba(163,68,79,.2)}
.product-network-links a[href="/akku-staubsauger.html"] .network-dot{background:#cf6192;box-shadow:0 0 0 3px rgba(207,97,146,.2)}
.product-network-links a[href="/kaffeevollautomaten.html"] .network-dot{background:#ad7952;box-shadow:0 0 0 3px rgba(173,121,82,.2)}
.product-network-more{position:relative}
.product-network-more>summary{list-style:none;cursor:pointer;user-select:none}
.product-network-more>summary::-webkit-details-marker{display:none}
.product-network-more>summary .is-vacuum{background:#8d72cf;box-shadow:0 0 0 3px rgba(141,114,207,.2)}
.product-network-more>summary .is-power{background:#e4774d;box-shadow:0 0 0 3px rgba(228,119,77,.2)}
.product-network-more>summary .is-dehumidifier{background:#2f7382;box-shadow:0 0 0 3px rgba(47,115,130,.2)}
.product-network-more>summary .is-wetvacuum{background:#2f6f86;box-shadow:0 0 0 3px rgba(47,111,134,.2)}
.product-network-more>summary .is-air{background:#45a2b3;box-shadow:0 0 0 3px rgba(69,162,179,.2)}
.product-network-more>summary .is-infrared{background:#a3444f;box-shadow:0 0 0 3px rgba(163,68,79,.2)}
.product-network-more>summary .is-stick{background:#cf6192;box-shadow:0 0 0 3px rgba(207,97,146,.2)}
.product-network-more>summary .is-coffee{background:#ad7952;box-shadow:0 0 0 3px rgba(173,121,82,.2)}
.product-network-count{display:inline-flex;align-items:center;justify-content:center;min-width:19px;height:19px;padding:0 6px;border-radius:999px;background:rgba(255,255,255,.09);color:#9eb2aa;font-size:.6rem;font-weight:800}
.product-network-chevron{width:7px;height:7px;margin:-3px 2px 0 1px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);transition:transform .18s ease}
.product-network-more[open] .product-network-chevron{margin-top:3px;transform:rotate(225deg)}
.product-network-menu{position:absolute;top:calc(100% + 9px);left:0;width:min(560px,calc(100vw - 28px));padding:12px;border:1px solid #d9e2de;border-radius:18px;background:#fff;color:#102019;box-shadow:var(--shadow-lg)}
.product-network-menu::before{content:"";position:absolute;top:-6px;left:29px;width:11px;height:11px;border-left:1px solid #d9e2de;border-top:1px solid #d9e2de;background:#fff;transform:rotate(45deg)}
.product-network-menu-head{display:flex;align-items:baseline;justify-content:space-between;gap:14px;padding:7px 8px 12px;border-bottom:1px solid #edf1ef}
.product-network-menu-head b{font-size:var(--text-13)}.product-network-menu-head span{color:#66776f;font-size:var(--text-11)}
.product-network-links{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding-top:8px}
.product-network-links a{display:flex;align-items:center;gap:12px;min-width:0;padding:10px;border:1px solid transparent;border-radius:12px;color:#173129;text-decoration:none}
.product-network-links a:hover,.product-network-links a.active{border-color:#e0e8e4;background:#f2f7f4;color:#071b14}
.product-network-links a>.network-dot{flex:0 0 8px}
.product-network-links a>span:last-child{display:grid;gap:2px;min-width:0}
.product-network-links b{font-size:var(--text-12);line-height:1.2}.product-network-links small{overflow:hidden;color:#6c7e76;font-size:var(--text-11);font-weight:550;text-overflow:ellipsis;white-space:nowrap}
.product-network-info{display:inline-flex;align-items:center;gap:7px;margin-left:auto;padding:7px 0;color:#aec2b9}
.product-network-info:hover{color:#fff}
@media(max-width:1120px){.product-network-label span:last-child{display:none}.product-network-label{margin-right:0}.product-network-primary a,.product-network-more>summary{padding-inline:9px}}
@media(max-width:900px){.product-network-info{display:none}.product-network-inner{justify-content:center}.product-network-label{margin-right:auto}.product-network-more{margin-right:auto}}
@media(max-width:720px){
  .product-network-inner{min-height:46px;justify-content:flex-start;gap:7px}
  .product-network-label{display:none}
  .product-network-primary a:not(.active){display:none}
  .product-network-more{margin:0}
  .product-network-primary a,.product-network-more>summary{min-height:var(--control-height);padding:6px 10px;font-size:var(--text-11)}
  .product-network-more:not(.active)>summary .network-dot{background:linear-gradient(135deg,#8d72cf 0 45%,#e4774d 45% 100%);box-shadow:0 0 0 3px rgba(255,255,255,.1)}
  .product-network-count{display:none}
  .product-network-menu{position:fixed;top:54px;left:12px;right:12px;width:auto;max-height:calc(100dvh - 72px);overflow:auto}
  .product-network-menu::before{display:none}
  .product-network-menu-head{align-items:flex-start;flex-direction:column;gap:3px}
  .product-network-links{grid-template-columns:1fr}
}
/* Kategorie-Icons statt Punkte + grün umrandete aktive Pille (Mockup-Header) */
.network-icon{width:15px;height:15px;flex:none;opacity:.92}
.product-network-primary a[href="/"] .network-icon{color:#34d399}
.product-network-primary a[href="/waermepumpen.html"] .network-icon{color:#5bb8d4}
.product-network-primary a[href="/balkonkraftwerke.html"] .network-icon{color:#eab740}
.product-network-primary a[href="/maehroboter.html"] .network-icon{color:#9bc45f}
.product-network-primary a[href="/luftentfeuchter.html"] .network-icon{color:#55b7c5}
.product-network-primary a.active{border-color:rgba(52,211,153,.5);background:rgba(52,211,153,.13);color:#fff}
.product-network-primary a.active .network-icon{opacity:1}
/* Icons im Dropdown (auf weißem Grund) + Summary */
.product-network-links .network-icon{width:18px;height:18px;flex:0 0 18px;opacity:.95}
.product-network-links a[href="/saugroboter.html"] .network-icon{color:#8d72cf}
.product-network-links a[href="/nasssauger.html"] .network-icon{color:#2f6f86}
.product-network-links a[href="/powerstations.html"] .network-icon{color:#e4774d}
.product-network-links a[href="/luftentfeuchter.html"] .network-icon{color:#2f7382}
.product-network-links a[href="/luftreiniger.html"] .network-icon{color:#45a2b3}
.product-network-links a[href="/akku-staubsauger.html"] .network-icon{color:#cf6192}
.product-network-links a[href="/kaffeevollautomaten.html"] .network-icon{color:#ad7952}
.product-network-more>summary .network-icon{color:#9eb2aa}
.product-network-more.active>summary .network-icon{color:#fff}
/* Die 4 Hauptwelten stehen im Dropdown nur als MOBILER Fallback (auf Desktop
   sind sie bereits als Pillen sichtbar). Sonst waeren sie dort unerreichbar. */
.product-network-links a.is-primary{display:none}
.product-network-links a[href="/"] .network-icon{color:#34d399}
.product-network-links a[href="/waermepumpen.html"] .network-icon{color:#5bb8d4}
.product-network-links a[href="/balkonkraftwerke.html"] .network-icon{color:#eab740}
.product-network-links a[href="/maehroboter.html"] .network-icon{color:#9bc45f}
/* Desktop: "Weitere Kategorien" + Grid-Icon; Mobil: aktuelle Welt + Welt-Icon */
.nw-label-mobile,.nw-icon-mobile{display:none}
.nw-icon-desktop{display:inline-flex;align-items:center}
@media(max-width:720px){
  .product-network-links a.is-primary{display:flex}
  .product-network-more>summary{max-width:100%}
  /* Einheitlich EINE Pille je Welt: Primär-Pillen aus, Menü zeigt die Welt */
  .product-network-primary{display:none}
  .nw-label-desktop,.nw-icon-desktop{display:none}
  .nw-label-mobile{display:inline}
  .nw-icon-mobile{display:inline-flex}
  .product-network-more>summary{
    border-color:rgba(52,211,153,.5);
    background:rgba(52,211,153,.13);
    color:#fff;
  }
}