.lonalt-magic-locked{isolation:isolate;min-height:280px;overflow:hidden!important;position:relative!important}
.lonalt-magic-locked>*:not(.lonalt-magic-veil){filter:blur(26px) saturate(.42) contrast(.78)!important;opacity:.19!important;transform:scale(1.08)!important;transform-origin:center!important;user-select:none!important}
.lonalt-magic-locked::before{background:linear-gradient(135deg,rgba(249,247,243,.76),rgba(226,219,208,.7));content:"";inset:-30px;position:absolute;z-index:80;-webkit-backdrop-filter:blur(28px) saturate(112%);backdrop-filter:blur(28px) saturate(112%)}
.lonalt-magic-veil{align-items:center;background:radial-gradient(circle at 18% 15%,rgba(255,255,255,.9),transparent 36%),radial-gradient(circle at 84% 80%,rgba(187,159,106,.18),transparent 40%),linear-gradient(135deg,rgba(247,243,236,.82),rgba(226,215,198,.72));display:flex;inset:0;justify-content:center;padding:clamp(24px,5vw,72px);position:absolute;z-index:81}
.lonalt-magic-veil__glass{background:linear-gradient(135deg,rgba(255,255,255,.57),rgba(255,255,255,.2));border:1px solid rgba(255,255,255,.72);border-radius:28px;box-shadow:inset 0 1px 0 rgba(255,255,255,.78),0 24px 70px rgba(54,43,30,.14);color:#17181a;max-width:560px;padding:clamp(28px,5vw,54px);text-align:center;-webkit-backdrop-filter:blur(20px) saturate(155%);backdrop-filter:blur(20px) saturate(155%);width:min(100%,560px)}
.lonalt-magic-veil__glass::before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent);content:"";display:block;height:1px;margin:0 auto 25px;width:72%}
.lonalt-magic-veil__eyebrow{color:#8e774d;display:block;font:700 10.24px/1 var(--lonalt-font-body);letter-spacing:.18em;text-transform:uppercase}
.lonalt-magic-veil__glass strong{display:block;font:500 clamp(32px,4.5vw,65.6px)/1.02 var(--lonalt-font-display);letter-spacing:-.035em;margin-top:15px}
.lonalt-magic-veil__glass p{color:rgba(23,24,26,.62);font:400 clamp(13.12px,1.3vw,15.36px)/1.65 var(--lonalt-font-body);margin:18px auto 0;max-width:34ch}
.lonalt-product-card.is-magic-teaser .lonalt-magic-veil{padding:18px}.lonalt-product-card.is-magic-teaser .lonalt-magic-veil__glass{border-radius:18px;padding:28px 18px}.lonalt-product-card.is-magic-teaser .lonalt-magic-veil__glass strong{font-size:clamp(23.2px,2.8vw,32px)}
body.lonalt-magic-product-page main{min-height:72vh}
@media(max-width:640px){.lonalt-magic-locked{min-height:230px}.lonalt-magic-locked>*:not(.lonalt-magic-veil){filter:blur(22px) saturate(.38) contrast(.76)!important;opacity:.17!important;transform:scale(1.1)!important}.lonalt-magic-locked::before{-webkit-backdrop-filter:blur(24px) saturate(108%);backdrop-filter:blur(24px) saturate(108%)}.lonalt-magic-veil{padding:16px}.lonalt-magic-veil__glass{border-radius:20px;padding:30px 20px}.lonalt-magic-veil__glass strong{font-size:clamp(28.8px,9vw,40.8px)}.lonalt-magic-veil__glass p{font-size:12.48px}}
/* On touch devices an opaque veil hides Magic more cheaply than several
   nested live blur layers. The teaser remains fully covered and unchanged. */
@media(max-width:640px),(pointer:coarse){.lonalt-magic-locked>*:not(.lonalt-magic-veil){filter:none!important;opacity:.025!important;transform:scale(1.02)!important}.lonalt-magic-locked::before{background:linear-gradient(135deg,rgba(249,247,243,.985),rgba(226,219,208,.975));-webkit-backdrop-filter:none;backdrop-filter:none}.lonalt-magic-veil{background:radial-gradient(circle at 18% 15%,rgba(255,255,255,.98),transparent 36%),radial-gradient(circle at 84% 80%,rgba(187,159,106,.14),transparent 40%),linear-gradient(135deg,rgba(247,243,236,.98),rgba(226,215,198,.97))}.lonalt-magic-veil__glass{animation:none!important;background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(255,255,255,.84));-webkit-backdrop-filter:none;backdrop-filter:none}}
@media(prefers-reduced-motion:no-preference){.lonalt-magic-veil__glass{animation:lonalt-glass-arrive .7s cubic-bezier(.2,.75,.25,1) both}@keyframes lonalt-glass-arrive{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}}
