/* Paket 123 — Buddy-Live-Seiten: Farbwelt je Buddy (--bz), Lichtflecken, Glas, Kostüme im Halloween-Modus, Leiste „Alle Buddys live“ */
.bl,.bl123{position:relative;isolation:isolate}
.bl::before,.bl123::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(60% 42% at 78% 8%,color-mix(in srgb,var(--bz) 22%,transparent),transparent 70%),
    radial-gradient(48% 36% at 10% 42%,color-mix(in srgb,var(--bz) 12%,transparent),transparent 70%),
    radial-gradient(55% 40% at 85% 78%,color-mix(in srgb,var(--bz) 14%,transparent),transparent 70%),
    linear-gradient(180deg,transparent 0,color-mix(in srgb,var(--bz) 5%,transparent) 55%,transparent 100%)}
html[data-theme=dark] .bl::before,html[data-theme=dark] .bl123::before{background:
    radial-gradient(60% 42% at 78% 8%,color-mix(in srgb,var(--bz) 30%,transparent),transparent 70%),
    radial-gradient(48% 36% at 10% 42%,color-mix(in srgb,var(--bz) 16%,transparent),transparent 70%),
    radial-gradient(55% 40% at 85% 78%,color-mix(in srgb,var(--bz) 20%,transparent),transparent 70%)}
.bl::after{content:"";position:absolute;z-index:-1;pointer-events:none;width:min(46vw,520px);aspect-ratio:1;border-radius:50%;right:-8vw;top:16vh;
  background:conic-gradient(from 200deg,color-mix(in srgb,var(--bz) 28%,transparent),transparent 40%,color-mix(in srgb,var(--bz) 18%,transparent) 70%,transparent);
  filter:blur(60px);opacity:.55;animation:bl-orb 18s ease-in-out infinite alternate}
@keyframes bl-orb{to{transform:translate(-6%,10%) rotate(25deg)}}
.bl .ol-offer,.bl .ol-how,.bl .bl-sec{position:relative}
.bl .ol-offer::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,color-mix(in srgb,var(--bz) 9%,transparent),transparent 60%);
  -webkit-mask:linear-gradient(180deg,transparent,#000 15%,#000 85%,transparent);mask:linear-gradient(180deg,transparent,#000 15%,#000 85%,transparent)}
.bl .ol-price,.bl .bl-card,.bl .bl-tool,.bl .bl-kombi,.bl .bl-steps3 li,.bl .ol-faq details{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  background:color-mix(in srgb,var(--surface,#fff) 72%,transparent);border-color:color-mix(in srgb,var(--bz) 22%,var(--line,rgba(127,127,127,.25)))}
.bl .bl-steps3 li{transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.bl .bl-steps3 li:hover{transform:translateY(-4px);box-shadow:0 24px 50px -30px color-mix(in srgb,var(--bz) 60%,transparent)}
.bl .ol-faq details{border-radius:14px;padding:4px 14px;margin:8px 0}
/* Figur: normal / Kostüm */
.bl-fig{perspective:900px}
.bl-fig img{transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.bl-fig:hover img{transform:translateY(-6px) rotate(-2deg)}
.bl-fig .bl-fig-hw{display:none}
html[data-mood=halloween] .bl-fig .bl-fig-n{display:none}
html[data-mood=halloween] .bl-fig .bl-fig-hw{display:block;width:min(300px,72%);height:auto}
/* Leiste „Alle Buddys live“ – auch auf Ori-Live */
.bl-all{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:20px 0 0}
p.bl-all{margin-top:28px;font-weight:600;color:var(--text-2)}
.bl-all a{display:inline-flex;gap:8px;align-items:center;padding:7px 13px 7px 8px;border-radius:999px;border:1px solid color-mix(in srgb,var(--bz,#2563EB) 22%,var(--line,rgba(127,127,127,.3)));
  background:color-mix(in srgb,var(--surface,#fff) 72%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:13.5px;text-decoration:none;color:inherit;transition:transform .25s,border-color .25s,box-shadow .25s}
.bl-all a:hover{transform:translateY(-2px);border-color:var(--bz,#2563EB);box-shadow:0 14px 30px -18px color-mix(in srgb,var(--bz,#2563EB) 70%,transparent)}
.bl-all a[aria-current]{border-color:var(--bz,#2563EB);color:var(--bz,#2563EB);font-weight:600;background:color-mix(in srgb,var(--bz,#2563EB) 10%,transparent)}
.bl-av{position:relative;width:28px;height:28px;border-radius:50%;overflow:hidden;background:color-mix(in srgb,var(--bz,#2563EB) 12%,transparent);display:grid;place-items:center;flex:none}
.bl-av img{width:26px;height:26px;object-fit:contain;object-position:50% 0}
.bl-av .bl-av-hw{display:none}
html[data-mood=halloween] .bl-av img{display:none}
html[data-mood=halloween] .bl-av .bl-av-hw{display:block}
.bl123-all{padding:clamp(22px,4vw,48px) 0 clamp(30px,5vw,60px)}
.bl123-all .wrap{display:flex;flex-direction:column;align-items:center}
/* Produkte-Menü: vier Figuren */
.prod-figs-4 img:nth-child(1){--i:0}.prod-figs-4 img:nth-child(2){--i:1}.prod-figs-4 img:nth-child(3){--i:2}.prod-figs-4 img:nth-child(4){--i:3}
@media(prefers-reduced-motion:reduce){.bl::after{animation:none}.bl .bl-steps3 li,.bl-all a,.bl-fig img{transition:none}}
html.a2-still .bl::after{animation:none}