/* ============================================================
   LEVIAPAY — Branchen mega-dropdown (shared)
   Frosted carousel panel, injected by /js/branchen-mega.js.
   Include on any page whose nav has a [data-branchen-mega] trigger.
   Geometry assumes the standard glassy nav (margin-top 34 + height 70).
   ============================================================ */
[data-branchen-mega] svg{transition:transform .2s}
[data-branchen-mega].open svg{transform:rotate(180deg)}
.bdd-panel{position:fixed;left:50%;top:96px;transform:translateX(-50%) translateY(-10px);width:min(1340px,calc(100% - 96px));z-index:10000;background:rgba(242,242,246,.16);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border:1px solid rgba(255,255,255,.14);border-top:none;border-radius:0 0 18px 18px;box-shadow:0 30px 64px rgba(31,13,68,.3);padding:42px 28px 30px;overflow:hidden;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,transform .22s ease}
.bdd-panel.open{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}
.bdd-accent{position:absolute;right:-30px;top:-70px;width:120px;height:300px;background:rgba(255,255,255,.05);transform:rotate(20deg);pointer-events:none}
.bdd-head{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:20px}
.bdd-eyebrow{font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.75)}
.bdd-title{margin-top:5px;font-size:26px;font-weight:700;letter-spacing:-.02em;color:#fff}
.bdd-arrows{display:flex;gap:10px;flex:none}
.bdd-arrow{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.1);color:#fff;font-size:22px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}
.bdd-arrow:hover{background:rgba(255,255,255,.22)}
.bdd-track{position:relative;display:flex;gap:12px;overflow-x:auto;padding:4px 2px 12px;scroll-behavior:smooth;scrollbar-width:none}
.bdd-track::-webkit-scrollbar{display:none}
.bdd-card{position:relative;flex:none;width:212px;height:300px;display:block;border-radius:10px;overflow:hidden;background:#2e2356 center/cover no-repeat;transition:transform .25s ease}
.bdd-card:hover{transform:scale(1.035);z-index:2}
.bdd-card.current{outline:2px solid rgba(255,255,255,.85);outline-offset:-2px}
.bdd-card-grad{position:absolute;inset:0;background:linear-gradient(180deg,rgba(31,13,68,0) 36%,rgba(31,13,68,.84) 100%);pointer-events:none}
.bdd-card-text{position:absolute;left:22px;right:18px;bottom:20px;pointer-events:none}
.bdd-card-name{font-size:19px;font-weight:700;letter-spacing:-.02em;color:#fff}
.bdd-card-tag{margin-top:3px;font-size:13px;font-weight:500;color:rgba(255,255,255,.8)}
@media (max-width:1080px){.bdd-panel{display:none}}