:root{--holo-cyan: var(--accent, #00f0ff);--holo-magenta: var(--accent-2, #ff00aa);--holo-pink: #ff3366;--holo-blue: var(--accent-3, #00ff88);--holo-glow-intensity: .35;--holo-card-radius: 18px;--holo-font: "Orbitron", sans-serif;--holo-body: "Inter", sans-serif}.holo-card{--card-w: 380px;position:relative;width:var(--card-w);border-radius:var(--holo-card-radius);background:transparent;border:1px solid rgba(255,255,255,.06);padding:0;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;overflow:visible;z-index:1}.holo-card:before{display:none}.holo-card:after{content:"";position:absolute;inset:0;border-radius:var(--holo-card-radius);background:radial-gradient(600px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(0,240,255,.12),rgba(255,0,170,.06) 40%,transparent 70%);opacity:0;transition:opacity .4s ease;pointer-events:none;z-index:0}.holo-card:hover{transform:translateY(-6px);border-color:#00f0ff40;box-shadow:0 12px 32px #0000004d,0 0 20px #00f0ff14,inset 0 0 30px #00f0ff08}.holo-card:hover:after{opacity:1}.holo-card-inner{position:relative;border-radius:var(--holo-card-radius);overflow:hidden;z-index:1}.holo-particles{display:none}.holo-image-zone{position:relative;width:100%;height:240px;display:flex;align-items:center;justify-content:center;background:#0003;overflow:hidden;padding:1.5rem}.holo-image-zone:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,rgba(0,240,255,.08) 0%,transparent 40%,transparent 60%,rgba(255,0,170,.06) 100%);opacity:0;transition:opacity .4s ease;z-index:1;pointer-events:none}.holo-card:hover .holo-image-zone:before{opacity:1}.holo-image-zone:after{content:"";position:absolute;bottom:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(0,240,255,.3),rgba(255,0,170,.2),transparent);opacity:0;transition:opacity .4s ease;z-index:1}.holo-card:hover .holo-image-zone:after{opacity:1}.holo-glow-ring{position:absolute;bottom:20%;left:50%;transform:translate(-50%);width:180px;height:30px;background:radial-gradient(ellipse,rgba(0,240,255,.35) 0%,rgba(255,0,170,.15) 50%,transparent 70%);filter:blur(12px);opacity:0;transition:opacity .4s ease;z-index:1;pointer-events:none}.holo-card:hover .holo-glow-ring{opacity:1;animation:glowPulse 2s ease-in-out infinite}@keyframes glowPulse{0%{opacity:.5;transform:translate(-50%) scale(.9)}to{opacity:.9;transform:translate(-50%) scale(1.1)}}.holo-product-img{position:relative;max-width:180px;max-height:200px;object-fit:contain;z-index:2;transition:transform .3s ease}.holo-card:hover .holo-product-img{transform:scale(1.03)}.holo-card[data-transparent=true] .holo-product-img{animation:none}.holo-card[data-transparent=true]:hover .holo-product-img{filter:drop-shadow(0 16px 40px rgba(0,240,255,.5)) drop-shadow(0 8px 20px rgba(255,0,170,.3)) drop-shadow(0 4px 12px rgba(0,255,136,.2))}@keyframes productFloatTransparent{0%,to{transform:translateY(0) scale(1) rotateY(0)}25%{transform:translateY(-12px) scale(1.03) rotateY(2deg)}50%{transform:translateY(-8px) scale(1.01) rotateY(0)}75%{transform:translateY(-14px) scale(1.04) rotateY(-2deg)}}.holo-card[data-transparent=true] .holo-glow-ring{width:240px;height:50px;background:radial-gradient(ellipse,rgba(0,240,255,.45) 0%,rgba(255,0,170,.2) 50%,transparent 70%);filter:blur(16px)}.holo-card[data-transparent=true] .holo-reflection{width:220px;height:80px;opacity:.9;background:linear-gradient(to bottom,rgba(0,240,255,.12),rgba(255,0,170,.04),transparent)}@keyframes productFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.02)}}.holo-card:hover .holo-product-img{transform:translateY(-14px) scale(1.06) rotate(1deg);filter:drop-shadow(0 12px 28px rgba(0,240,255,.25)) drop-shadow(0 6px 14px rgba(255,0,170,.15))}.holo-reflection{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:160px;height:60px;background:linear-gradient(to bottom,rgba(0,240,255,.08),rgba(255,0,170,.03),transparent);border-radius:50%;opacity:0;transition:opacity .4s ease;z-index:1;pointer-events:none}.holo-card:hover .holo-reflection{opacity:.8}@keyframes reflectionPulse{0%{opacity:.4;width:160px}to{opacity:.8;width:200px}}.holo-tag{position:absolute;top:16px;left:16px;z-index:10;padding:.35rem 1rem;font-family:var(--holo-font);font-size:.6rem;font-weight:800;letter-spacing:2.5px;text-transform:uppercase;border-radius:4px;clip-path:polygon(8px 0%,calc(100% - 8px) 0%,100% 50%,calc(100% - 8px) 100%,8px 100%,0% 50%)}.holo-tag--trending{background:linear-gradient(135deg,#00f0ffcc,#06fc);color:#fff;box-shadow:0 0 12px #00f0ff40}.holo-tag--hot{background:linear-gradient(135deg,#f0ac,#f36c);color:#fff;box-shadow:0 0 12px #ff00aa40}.holo-tag--premium{background:linear-gradient(135deg,#ffd700cc,#ff8c00cc);color:#0a0a2a;box-shadow:0 0 12px #ffd70040}.holo-tag--new{background:linear-gradient(135deg,#0f8c,#0c6c);color:#0a0a2a;box-shadow:0 0 12px #00ff8840}.holo-wishlist{position:absolute;top:16px;right:16px;z-index:10;width:36px;height:36px;border-radius:50%;background:#ffffff14;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.12);color:#fff9;font-size:.9rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s}.holo-wishlist:hover{background:#ff00aa26;border-color:#f0a6;color:#f06;box-shadow:0 0 20px #f0a3;transform:scale(1.15)}.holo-wishlist.active{background:#ff00644d;color:#fff;border-color:#f06}.holo-info{padding:1.25rem 1.5rem 1.5rem;position:relative;z-index:2;border-top:1px solid rgba(255,255,255,.04);background:transparent}.holo-name{font-family:var(--holo-font);font-size:1rem;font-weight:700;color:#fff;margin-bottom:.35rem;line-height:1.3;letter-spacing:.5px}.holo-desc{font-family:var(--holo-body);font-size:.78rem;color:#fff6;line-height:1.5;margin-bottom:.75rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.holo-price-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.holo-price{font-family:var(--holo-font);font-size:1.5rem;font-weight:900;background:linear-gradient(135deg,var(--accent, var(--holo-cyan)),var(--accent-3, #00ff88));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.holo-price:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--accent, var(--holo-cyan)),var(--accent-3, #00ff88));border-radius:1px;transition:width .4s ease;opacity:.6}.holo-card:hover .holo-price:after{width:100%}.holo-stars{font-size:.85rem;color:gold;letter-spacing:1px}.holo-rating-num{font-family:var(--holo-body);font-size:.8rem;font-weight:600;color:#ffffff80}.holo-actions{display:flex;gap:.6rem}.holo-btn-quick{flex:0 0 auto;background:transparent;border:1px solid rgba(255,255,255,.12);color:#fff9;padding:.6rem 1.1rem;border-radius:8px;font-family:var(--holo-body);font-size:.65rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:all .3s;position:relative;overflow:hidden}.holo-btn-quick:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#00f0ff1a,#ff00aa0d);opacity:0;transition:opacity .3s}.holo-btn-quick:hover{border-color:#00f0ff66;color:#fff;transform:translateY(-1px);box-shadow:0 0 12px #00f0ff26}.holo-btn-quick:hover:before{opacity:1}.holo-btn-cart{flex:1;background:#ffffff14;border:1px solid rgba(255,255,255,.1);color:#fff;padding:.6rem 1.2rem;border-radius:8px;font-family:var(--holo-body);font-size:.65rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:all .3s;position:relative;overflow:hidden}.holo-btn-cart:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,240,255,.12),transparent);transition:left .5s ease}.holo-btn-cart:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,#00f0ff14,#00ff880d);opacity:0;transition:opacity .3s}.holo-btn-cart:hover{background:#00f0ff1a;border-color:#00f0ff4d;transform:translateY(-1px);box-shadow:0 0 16px #00f0ff26}.holo-btn-cart:hover:before{left:100%}.holo-btn-cart:hover:after{opacity:1}@media(max-width:480px){.holo-card{--card-w: 100%}.holo-image-zone{height:260px}.holo-product-img{max-width:180px;max-height:200px}.holo-info{padding:1rem 1.25rem 1.25rem}}@keyframes holoCardIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.holo-card{animation:holoCardIn .6s cubic-bezier(.16,1,.3,1) both}.holo-card:nth-child(2){animation-delay:.1s}.holo-card:nth-child(3){animation-delay:.2s}.holo-card:nth-child(4){animation-delay:.3s}.holo-card:nth-child(5){animation-delay:.4s}.holo-card:nth-child(6){animation-delay:.5s}.holo-card.tilt-active{transition:transform .3s ease,box-shadow .3s ease}.holo-scanlines{position:absolute;inset:0;border-radius:var(--holo-card-radius);background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,240,255,.015) 2px,rgba(0,240,255,.015) 4px);opacity:0;transition:opacity .4s ease;pointer-events:none;z-index:5}.holo-card:hover .holo-scanlines{opacity:1}.holo-corner{position:absolute;width:20px;height:20px;opacity:0;transition:opacity .4s ease,transform .4s ease;z-index:10;pointer-events:none}.holo-card:hover .holo-corner{opacity:.5}.holo-corner--tl{top:8px;left:8px;border-top:1px solid rgba(0,240,255,.5);border-left:1px solid rgba(0,240,255,.5)}.holo-corner--tr{top:8px;right:8px;border-top:1px solid rgba(0,240,255,.5);border-right:1px solid rgba(0,240,255,.5)}.holo-corner--bl{bottom:8px;left:8px;border-bottom:1px solid rgba(255,0,170,.5);border-left:1px solid rgba(255,0,170,.5)}.holo-corner--br{bottom:8px;right:8px;border-bottom:1px solid rgba(255,0,170,.5);border-right:1px solid rgba(255,0,170,.5)}