.fantom-hover-products{background-color:var(--fantom-bg);padding:var(--fantom-section-y) 0}.fantom-hover-products__container{width:100%;max-width:min(100%,1480px);margin:0 auto;padding:0 var(--fantom-gutter)}.fantom-hover-products__header{text-align:center;margin-bottom:clamp(32px,5vw,56px)}.fantom-hover-products__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media(max-width:1023px){.fantom-hover-products__grid{grid-template-columns:1fr}}.fantom-hover-tile{position:relative;display:flex;flex-direction:column;text-decoration:none;color:var(--fantom-text);background-color:var(--fantom-bg-elevated);border-radius:var(--fantom-radius-card);overflow:hidden;isolation:isolate;border:1px solid rgba(255,255,255,.04);transition:transform var(--fantom-duration-base) var(--fantom-ease-emphatic),box-shadow var(--fantom-duration-slow) var(--fantom-ease-standard),border-color var(--fantom-duration-base) var(--fantom-ease-standard)}.fantom-hover-tile:hover,.fantom-hover-tile:focus-visible{transform:translateY(-8px) scale(1.02);box-shadow:0 32px 80px #7c3aed66,0 0 100px #c13dff33;border-color:#c13dff4d}.fantom-hover-tile__media{position:relative;aspect-ratio:1 / 1;overflow:hidden;display:flex;align-items:center;justify-content:center}.fantom-hover-tile__glow{position:absolute;top:10%;right:10%;bottom:10%;left:10%;background:radial-gradient(circle at center,rgba(193,61,255,.8) 0%,rgba(61,139,255,.5) 40%,rgba(61,220,255,.3) 60%,transparent 80%);filter:blur(50px);opacity:0;transform:scale(.8);transition:opacity .6s var(--fantom-ease-standard),transform .6s var(--fantom-ease-emphatic);z-index:0}.fantom-hover-tile:hover .fantom-hover-tile__glow,.fantom-hover-tile:focus-visible .fantom-hover-tile__glow{opacity:.85;transform:scale(1)}.fantom-hover-tile__ball{position:absolute;top:10%;right:10%;bottom:10%;left:10%;display:flex;align-items:center;justify-content:center;transition:opacity var(--fantom-duration-slow) var(--fantom-ease-standard)}.fantom-hover-tile__ball img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 32px rgba(0,0,0,.5))}.fantom-hover-tile__ball--off{opacity:1;z-index:1;filter:brightness(.5) saturate(.3)}.fantom-hover-tile__ball--on{opacity:0;z-index:2}.fantom-hover-tile:hover .fantom-hover-tile__ball--off,.fantom-hover-tile:focus-visible .fantom-hover-tile__ball--off{opacity:0}.fantom-hover-tile:hover .fantom-hover-tile__ball--on,.fantom-hover-tile:focus-visible .fantom-hover-tile__ball--on{opacity:1}.fantom-hover-tile__placeholder{width:100%;height:100%;border-radius:50%}.fantom-hover-tile__placeholder--holo{background:linear-gradient(135deg,#7c3aed2e,#c13dff1f);border-color:#c13dff66}.fantom-hover-tile__body{padding:24px;position:relative;z-index:2}.fantom-hover-tile__title{font-family:var(--fantom-font-display);font-size:clamp(1.75rem,3vw,2.25rem);font-weight:var(--fantom-fw-display);letter-spacing:var(--fantom-tracking-tight);text-transform:uppercase;line-height:1;color:var(--fantom-text);margin:0 0 8px}.fantom-hover-tile__subtitle{font-family:var(--fantom-font-body);font-size:var(--fantom-fs-small);color:var(--fantom-text-muted);margin:0 0 16px}.fantom-hover-tile__cta{display:inline-flex;align-items:center;gap:6px;font-family:var(--fantom-font-body);font-size:var(--fantom-fs-label);font-weight:var(--fantom-fw-bold);letter-spacing:var(--fantom-tracking-label);text-transform:uppercase;color:var(--fantom-accent);transition:gap var(--fantom-duration-base) var(--fantom-ease-emphatic)}.fantom-hover-tile:hover .fantom-hover-tile__cta{gap:12px}
/*# sourceMappingURL=/cdn/shop/t/4/assets/fantom-hover-products.css.map */