.glitch-text{position:relative}.glitch-text:before,.glitch-text:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch-text:before{left:2px;text-shadow:-1px 0 #ff00c1;clip:rect(44px,450px,56px,0);animation:glitch-anim 5s infinite linear alternate-reverse}.glitch-text:after{left:-2px;text-shadow:-1px 0 #00fff9;clip:rect(44px,450px,56px,0);animation:glitch-anim2 5s infinite linear alternate-reverse}@keyframes glitch-anim{0%{clip:rect(38px,9999px,81px,0)}20%{clip:rect(6px,9999px,83px,0)}40%{clip:rect(56px,9999px,2px,0)}60%{clip:rect(24px,9999px,92px,0)}80%{clip:rect(10px,9999px,46px,0)}to{clip:rect(67px,9999px,12px,0)}}@keyframes glitch-anim2{0%{clip:rect(12px,9999px,56px,0)}20%{clip:rect(84px,9999px,19px,0)}40%{clip:rect(31px,9999px,92px,0)}60%{clip:rect(76px,9999px,3px,0)}80%{clip:rect(4px,9999px,68px,0)}to{clip:rect(27px,9999px,45px,0)}}.glass-card{background:#050a1599;backdrop-filter:blur(12px);border:1px solid rgba(0,210,255,.2);box-shadow:0 4px 30px #0000004d}.glass-card:hover{border-color:#00d2ffcc;box-shadow:0 0 20px #00d2ff33}.reveal{opacity:0;transform:translateY(26px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}.product-card{position:relative;overflow:hidden;transition:transform .35s ease,box-shadow .35s ease;isolation:isolate}.product-card:hover{transform:translateY(-6px);box-shadow:0 0 35px #00d2ff2e}.product-card:after{content:"";position:absolute;left:0;right:0;height:70px;background:linear-gradient(180deg,rgba(0,210,255,.09),transparent);transform:translateY(-70px);transition:transform .75s ease;pointer-events:none;z-index:1}.product-card:hover:after{transform:translateY(400px)}.product-card .product-img-wrap{position:relative;overflow:hidden;aspect-ratio:1/1;background:radial-gradient(ellipse at 30% 40%,rgba(0,210,255,.12),transparent 70%),linear-gradient(145deg,#06101e,#091420);display:flex;align-items:center;justify-content:center}.product-card .product-img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease,filter .3s ease;filter:brightness(.9) saturate(.85)}.product-card:hover .product-img-wrap img{transform:scale(1.08);filter:brightness(1.05) saturate(1.1)}.product-card .product-img-wrap .img-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;padding:2rem;gap:.75rem}.cat-badge{font-size:.6rem;font-family:JetBrains Mono,monospace;letter-spacing:.1em;padding:2px 8px;border-radius:3px;font-weight:700;text-transform:uppercase}.badge-hoodie{background:#a855f726;color:#c084fc;border:1px solid rgba(168,85,247,.35)}.badge-tshirt{background:#00d2ff1a;color:#00d2ff;border:1px solid rgba(0,210,255,.3)}.badge-keyring{background:#fbbf241a;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.badge-pin{background:#34d3991a;color:#34d399;border:1px solid rgba(52,211,153,.3)}.btn-cart{position:relative;overflow:hidden;background:var(--btn-bg, rgba(0,210,255,.08));border:1px solid var(--btn-border, rgba(0,210,255,.3));color:var(--btn-color, #00d2ff);font-family:JetBrains Mono,monospace;font-weight:700;font-size:.75rem;letter-spacing:.05em;padding:.5rem 1rem;border-radius:.375rem;cursor:pointer;transition:all .25s ease;width:100%}.btn-cart:before{content:"";position:absolute;inset:0;background:var(--btn-color, #00d2ff);transform:translate(-100%);transition:transform .3s ease;z-index:0}.btn-cart:hover:before{transform:translate(0)}.btn-cart span{position:relative;z-index:1;transition:color .3s ease}.btn-cart:hover span{color:#050a15}.filter-tab{font-family:JetBrains Mono,monospace;font-size:.75rem;letter-spacing:.05em;padding:.45rem 1.25rem;border-radius:9999px;cursor:pointer;border:1px solid rgba(255,255,255,.12);color:#94a3b8;background:transparent;transition:all .25s ease}.filter-tab:hover{border-color:#00d2ff80;color:#00d2ff;background:#00d2ff0f}.filter-tab.active{border-color:#00d2ff;color:#050a15;background:#00d2ff;font-weight:700}.cart-badge{position:absolute;top:-6px;right:-6px;background:#00d2ff;color:#050a15;font-size:.6rem;font-weight:900;border-radius:9999px;width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-family:JetBrains Mono,monospace}.toast{position:fixed;bottom:2rem;right:2rem;z-index:9999;background:#050a15f2;border:1px solid rgba(0,210,255,.5);color:#fff;font-family:JetBrains Mono,monospace;font-size:.75rem;padding:.75rem 1.25rem;border-radius:.5rem;box-shadow:0 0 20px #00d2ff4d;transform:translateY(80px);opacity:0;transition:all .4s cubic-bezier(.2,.8,.2,1);pointer-events:none}.toast.show{transform:translateY(0);opacity:1}
