/* Schlau vor Ort — automatisch aus shop-render.php ausgelagert. Tokens (:root) stehen kritisch inline im <head>. */
header.site{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid var(--line)}
header.site .wrap{display:flex;align-items:center;justify-content:space-between;min-height:100px;gap:20px;padding-top:10px;padding-bottom:10px}
header.site img.logo{width:300px;max-width:64vw;height:auto;display:block}
.navlinks{display:flex;gap:26px;align-items:center;font-weight:700}
.navlinks a{color:var(--navy)}.navlinks a:hover{color:var(--orange)}
.navcart{background:var(--navy);color:#fff!important;padding:9px 18px;border-radius:999px;font-weight:800}
.navcart:hover{background:var(--orange)}
.dropdown{position:relative}
.ddbtn{background:none;border:none;font-family:'Nunito';font-weight:700;font-size:1rem;color:var(--navy);cursor:pointer;padding:8px 4px;display:inline-flex;align-items:center;gap:6px}
.ddbtn:hover{color:var(--orange)}
.ddbtn .car{font-size:.8rem;transition:transform .2s}
.dropdown:hover .ddbtn .car,.dropdown.open .ddbtn .car{transform:rotate(180deg)}
.ddpanel{position:absolute;right:0;top:100%;border-top:12px solid transparent;background:#fff;background-clip:padding-box;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:18px;width:min(840px,90vw);display:none;z-index:30}
.dropdown:hover .ddpanel,.dropdown:focus-within .ddpanel,.dropdown.open .ddpanel{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:6px}
.dd-item{display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:13px;transition:background .15s}
.dd-item:hover{background:rgba(254,132,34,.10)}
.dd-ic{flex:0 0 auto;width:46px;height:46px;border-radius:11px;background:#eef2f4 center/cover no-repeat;box-shadow:inset 0 0 0 1px rgba(13,36,64,.08)}
.dd-txt{display:flex;flex-direction:column;min-width:0}
.dd-name{font-family:'Baloo 2';font-weight:700;color:var(--navy);line-height:1.15}
.dd-item:hover .dd-name{color:var(--orange-d)}
.dd-sub{font-size:.78rem;color:var(--muted);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
