/* Motion layer for the original NERO storefront. */
header{background:linear-gradient(115deg,#6520ce,#7c32e8 60%,#6821d4);box-shadow:0 4px 20px #55259a16}
.hero{position:relative;isolation:isolate;box-shadow:0 8px 32px #6d27d512;background:linear-gradient(125deg,#f6f0ff,#eadeff 55%,#eadbff)}
.hero-copy{position:relative;z-index:1}.hero-copy:before{content:'';position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(ellipse at 15% 10%,#fff9,transparent 65%)}
.hero-image{overflow:hidden}.hero-image:after{content:'';position:absolute;inset:-50%;pointer-events:none;background:linear-gradient(110deg,transparent 42%,#fff1 48%,#fff3 50%,transparent 58%);transform:translateX(-70%) rotate(-12deg)}
.primary{background:linear-gradient(115deg,#7026e8,#9550ec);box-shadow:0 4px 12px #7026e824}
.primary:hover{background:linear-gradient(115deg,#6120cf,#873ce6);box-shadow:0 8px 22px #7026e834}
.product{position:relative;isolation:isolate;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease,opacity .5s ease}
.product:after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;z-index:2;opacity:0;background:radial-gradient(220px circle at var(--fx-x,50%) var(--fx-y,0%),#9855e813,transparent 75%);transition:opacity .3s}
.product:hover{border-color:#c5a4f4;box-shadow:0 12px 30px #562d8815}.product:hover:after{opacity:1}
.service-thumbnail{transition:transform .4s cubic-bezier(.2,.7,.2,1),filter .4s}.product-visual{overflow:hidden}
.product-action button,.shelf-heading button,.searchbar button,.cart-item button{transition:background .2s,color .2s,box-shadow .2s,transform .2s}
.product-action button:hover{box-shadow:0 4px 14px #7026e81c}.product-action button:active,.primary:active{transform:scale(.97)}
.searchbar{transition:box-shadow .25s}.searchbar:focus-within{box-shadow:0 0 0 4px #ffffff35,0 5px 20px #38125a20}
input,select,textarea{transition:border-color .2s,box-shadow .2s,background .2s}input:focus,select:focus,textarea:focus{border-color:#a46af0;box-shadow:0 0 0 3px #8e46e817}
.shopnav a{position:relative;transition:color .2s}.shopnav a:after{content:'';position:absolute;bottom:-6px;left:0;right:0;height:2px;background:var(--purple);transform:scaleX(0);transform-origin:right;transition:transform .25s}.shopnav a:hover:after,.shopnav a:focus-visible:after{transform:scaleX(1)}
.category-icon{transition:transform .25s,box-shadow .25s,background .25s,color .25s}.filters button:hover .category-icon{transform:translateY(-3px)}
.fx-ready .filters button.active .category-icon{animation:fx-category .4s ease-out}
.fx-ready .hero-copy{animation:fx-enter .7s cubic-bezier(.2,.7,.2,1) both}.fx-ready .hero-image>img{animation:fx-hero-in .9s ease-out both}.fx-ready .hero-image:after{animation:fx-sheen 1.4s .5s ease-out 1 both}
.fx-ready .fx-reveal{transition:opacity .5s ease,transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .3s,border-color .3s;transition-delay:var(--fx-delay,0ms),var(--fx-delay,0ms),0ms,0ms}
.fx-ready .fx-reveal.fx-waiting{opacity:0;transform:translateY(18px)}
.fx-ready dialog[open]{animation:fx-dialog-in .24s cubic-bezier(.2,.7,.2,1) both;box-shadow:0 25px 90px #23074038}
.fx-ready dialog[open]::backdrop{animation:fx-backdrop-in .2s ease-out}
.fx-ready #toast:not([hidden]){animation:fx-toast-in .3s ease-out both}
.fx-ready .fx-cart-bump{animation:fx-cart-bump .45s ease-out}
.fx-ripple-host{position:relative;overflow:hidden;isolation:isolate}.fx-ripple{position:absolute;display:block!important;width:var(--fx-size)!important;height:var(--fx-size)!important;min-width:0!important;max-width:none!important;left:var(--fx-left);top:var(--fx-top);margin:0!important;padding:0!important;border:0!important;border-radius:50%;background:currentColor!important;opacity:.16;pointer-events:none;z-index:5;animation:fx-ripple .58s ease-out forwards;transform:translate(-50%,-50%) scale(0)}
.fx-scroll-progress{position:fixed;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#cc9aff,#7026e8);transform:scaleX(0);transform-origin:right;z-index:8;pointer-events:none}
@media(hover:hover) and (pointer:fine){.product:not(.fx-waiting):hover{transform:translateY(-5px)}.product:hover .service-thumbnail{transform:scale(1.065);filter:drop-shadow(0 4px 5px #5020761a)}.brand img{transition:transform .3s,box-shadow .3s}.brand:hover img{transform:rotate(-4deg) scale(1.04);box-shadow:0 0 20px #d4b5ff55}}
@keyframes fx-enter{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes fx-hero-in{from{opacity:0;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}
@keyframes fx-sheen{to{transform:translateX(70%) rotate(-12deg)}}
@keyframes fx-category{50%{transform:scale(1.07)}100%{transform:scale(1)}}
@keyframes fx-dialog-in{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}
@keyframes fx-backdrop-in{from{opacity:0}to{opacity:1}}
@keyframes fx-toast-in{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}
@keyframes fx-cart-bump{40%{transform:scale(1.22)}100%{transform:scale(1)}}
@keyframes fx-ripple{to{transform:translate(-50%,-50%) scale(1);opacity:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.fx-ready .fx-reveal.fx-waiting{opacity:1;transform:none}.product:hover,.filters button:hover .category-icon,.product:hover .service-thumbnail,.brand:hover img,.primary:hover{transform:none}.hero-image:after,.fx-ripple{display:none!important}}