/* MAGPED 1.3.8 — visual effects, scoped to the brand pages */
:root { --mpg-motion-ease:cubic-bezier(.2,.8,.2,1); }
.mpg-site .mpg-category-card,
.mpg-site .mpg-product-card,
.mpg-site .mpg-benefit,
.mpg-site .mpg-testimonial,
.mpg-internal .products li.product,
.mpg-site .mpg-button,
.mpg-internal .button { transition:transform .42s var(--mpg-motion-ease),box-shadow .42s var(--mpg-motion-ease),border-color .35s ease,filter .35s ease!important; }
@media (hover:hover) and (pointer:fine) {
 .mpg-site .mpg-category-card:hover,.mpg-site .mpg-product-card:hover,
 .mpg-internal .products li.product:hover { transform:translateY(-7px) perspective(1000px) rotateX(var(--mpg-tilt-x,0deg)) rotateY(var(--mpg-tilt-y,0deg))!important; box-shadow:0 22px 55px rgba(0,0,0,.35),0 0 25px rgba(184,255,8,.14)!important; }
 .mpg-site .mpg-category-card:hover img,.mpg-site .mpg-product-card:hover img,.mpg-internal .products li.product:hover img{transform:scale(1.045);filter:saturate(1.12)}
 .mpg-site .mpg-button:hover,.mpg-internal a.button:hover {box-shadow:0 0 22px rgba(184,255,8,.28),0 6px 20px rgba(0,0,0,.22)!important;}
}
.mpg-site .mpg-category-card img,.mpg-site .mpg-product-card img,.mpg-internal .products li.product img {transition:transform .65s var(--mpg-motion-ease),filter .45s ease;}
.mpg-site .mpg-category-card,.mpg-site .mpg-product-card {position:relative;isolation:isolate;}
.mpg-site .mpg-category-card:after,.mpg-site .mpg-product-card:after {content:"";pointer-events:none;position:absolute;inset:0;background:linear-gradient(115deg,transparent 17%,rgba(255,255,255,.09) 48%,transparent 70%);transform:translateX(-130%);transition:transform .8s ease;z-index:2;border-radius:inherit;}
@media (hover:hover) and (pointer:fine){.mpg-site .mpg-category-card:hover:after,.mpg-site .mpg-product-card:hover:after{transform:translateX(130%)}}
.mpg-site .mpg-header,.mpg-internal .mpg-header{backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px)}
.mpg-site .mpg-button,.mpg-internal .mpg-button{position:relative;will-change:transform}
.mpg-motion-ready .mpg-reveal {opacity:0;filter:blur(7px);transform:translate3d(0,28px,0);transition:opacity .75s ease,transform .75s var(--mpg-motion-ease),filter .75s ease;}
.mpg-motion-ready .mpg-reveal.mpg-shown {opacity:1;filter:blur(0);transform:translate3d(0,0,0)}
.mpg-site .mpg-benefits,.mpg-site .mpg-footer {position:relative;isolation:isolate}
.mpg-site .mpg-hero-media{transform:translate3d(0,var(--mpg-parallax,0px),0);will-change:transform}
.mpg-spotlight{position:fixed;left:0;top:0;width:90px;height:90px;border-radius:50%;background:radial-gradient(circle,rgba(184,255,8,.13) 0%,rgba(184,255,8,0) 70%);pointer-events:none;z-index:9998;transform:translate3d(-150px,-150px,0);opacity:0;transition:opacity .2s;}
@media (max-width:800px){.mpg-site .mpg-hero-media{transform:translate3d(0,var(--mpg-parallax,0px),0)}}
@media (prefers-reduced-motion:reduce){.mpg-motion-ready .mpg-reveal{opacity:1!important;filter:none!important;transform:none!important;transition:none!important}.mpg-spotlight{display:none!important}.mpg-site .mpg-hero-media{transform:none!important}.mpg-site .mpg-category-card,.mpg-site .mpg-product-card,.mpg-site .mpg-button{transition:none!important}}

/* Mobile-specific feedback: tap lift/glow, scroll reveal, press reflection. */
@media (hover:none),(pointer:coarse){
 .mpg-site .mpg-category-card:active,.mpg-site .mpg-product:active,.mpg-site .mpg-carousel-card:active,.mpg-internal .products li.product:active{transform:translateY(-3px) scale(.985)!important;filter:brightness(1.08);box-shadow:0 12px 26px rgba(184,255,8,.18)!important;}
 .mpg-site .mpg-button:active,.mpg-internal .mpg-button:active{transform:scale(.97)!important;box-shadow:0 0 24px rgba(184,255,8,.35)!important;}
 .mpg-site .mpg-category-card:active img,.mpg-site .mpg-product:active img{transform:scale(1.055)}
 .mpg-site .mpg-category-card,.mpg-site .mpg-product,.mpg-site .mpg-carousel-card{transition:transform .3s ease,filter .3s ease,box-shadow .3s ease!important;}
 .mpg-site .mpg-category-card:active:after,.mpg-site .mpg-product:active:after{transform:translateX(130%)}
}