/* DBL Magische Details: geen wijziging aan bestaande layout */
.dbl-magic-ornament{position:absolute;z-index:2;pointer-events:none;width:clamp(72px,12vw,180px);height:auto;color:var(--dbl-magic-gold,#D8AD7B);opacity:.52;filter:drop-shadow(0 0 7px rgba(216,173,123,.2))}
.dbl-magic-ornament.left{left:1.5%;top:20px}
.dbl-magic-ornament.right{right:1.5%;top:20px;transform:scaleX(-1)}
.dbl-magic-glow,.dbl-magic-target{position:relative}
.dbl-magic-glow::after,.dbl-magic-target::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;background:linear-gradient(110deg,transparent 20%,rgba(255,240,206,.28) 46%,transparent 67%);transform:translateX(-65%);transition:transform .7s ease,opacity .35s ease}
.dbl-magic-glow:hover::after,.dbl-magic-target:hover::after{opacity:1;transform:translateX(60%)}
.dbl-magic-reveal{transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1)}
.dbl-magic-reveal.dbl-magic-await{opacity:0;transform:translateY(14px)}
.dbl-magic-reveal.dbl-magic-visible{opacity:1;transform:translateY(0)}
.dbl-magic-particle{position:fixed;z-index:2147483600;left:0;top:0;pointer-events:none;width:5px;height:5px;background:var(--dbl-magic-gold,#D8AD7B);border-radius:1px;box-shadow:0 0 9px 2px rgba(216,173,123,.55);animation:dbl-magic-float .8s ease-out forwards}
.dbl-magic-particle.round{border-radius:50%;width:3px;height:3px}
@keyframes dbl-magic-float{0%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.4) rotate(0)}20%{opacity:.9}100%{opacity:0;transform:translate(calc(var(--dx) + var(--vx)),calc(var(--dy) + var(--vy))) scale(.1) rotate(110deg)}}
@media(prefers-reduced-motion:reduce){.dbl-magic-reveal,.dbl-magic-glow::after,.dbl-magic-target::after{transition:none!important;animation:none!important}.dbl-magic-reveal.dbl-magic-await{opacity:1!important;transform:none!important}.dbl-magic-particle{display:none!important}}