.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,clamp(16rem,24vw,19rem)),1fr));align-items:stretch;gap:1.35rem}.card{display:flex;flex-direction:column;background:linear-gradient(to bottom,var(--card),var(--card2));border-radius:20px;border:1px solid var(--border);overflow:hidden;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;min-height:100%}.card:focus-visible,.card:hover{transform:translateY(-4px);border-color:rgba(0,174,239,.5);box-shadow:0 0 24px rgba(0,174,239,.15)}.card.is-disabled{cursor:default}.card.is-disabled:hover,.card.is-no-stock:focus-visible,.card.is-no-stock:hover{transform:none;border-color:var(--border);box-shadow:none}.card.is-no-stock{cursor:pointer}.card.is-no-stock .banner{color:var(--danger);background:linear-gradient(135deg,#120b16,#241021)}.banner{min-height:140px;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;background:linear-gradient(135deg,#07111f,#0d213d);color:var(--blue);font-family:"Orbitron",sans-serif}.banner[style*="--banner-image"]{background:linear-gradient(rgba(7,17,31,.3),rgba(7,17,31,.68)),var(--banner-image) center/cover no-repeat;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.8)}.content{display:flex;flex:1;flex-direction:column;padding:1.2rem}.content h3{margin-bottom:.4rem;font-size:1.4rem}.content p{color:var(--muted);margin-bottom:1rem}.buy-btn{display:block;width:100%;margin-top:auto;padding:.8rem;border-radius:10px;background:var(--blue);color:#fff;font-weight:700;text-align:center}.buy-btn::before{content:"Top Up"}.card.is-disabled .buy-btn{background:rgba(255,255,255,.07);color:var(--muted)}.card.is-disabled .buy-btn::before{content:"Coming Soon"}.card.is-no-stock .buy-btn{background:rgba(255,92,122,.12);color:#ffb8c6;border:1px solid rgba(255,92,122,.35)}.card.is-no-stock .buy-btn::before{content:"No Stock"}@media (min-width:1200px){.grid{grid-template-columns:repeat(auto-fit,minmax(17rem,1fr))}}@media (max-width:1100px){.grid{gap:1rem}.card{border-radius:14px;min-width:0}.banner{min-height:0;aspect-ratio:1/1;font-size:clamp(1rem,2vw,1.45rem)}.content{align-items:center;padding:.85rem .7rem .95rem;text-align:center}.content h3{display:-webkit-box;min-height:2.55em;margin-bottom:0;overflow:hidden;font-size:clamp(.9rem,1.7vw,1.08rem);line-height:1.28;-webkit-box-orient:vertical;-webkit-line-clamp:2}.buy-btn,.content p{display:none}.card.is-disabled,.card.is-no-stock{position:relative}.card.is-disabled::after,.card.is-no-stock::after{position:absolute;top:.5rem;right:.5rem;display:inline-flex;align-items:center;justify-content:center;max-width:calc(100% - 1rem);min-height:1.45rem;padding:.24rem .5rem;border-radius:999px;font-size:clamp(.62rem,1.25vw,.72rem);font-weight:700;line-height:1;text-align:center;white-space:nowrap;backdrop-filter:blur(10px)}.card.is-disabled::after{content:"Soon";background:rgba(5,8,16,.72);border:1px solid rgba(255,255,255,.16);color:#d6e2ff}.card.is-no-stock::after{content:"No Stock";background:rgba(50,12,22,.78);border:1px solid rgba(255,92,122,.38);color:#ffb8c6}}@media (min-width:701px) and (max-width:1100px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:700px){.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}.card{border-radius:12px}.banner{font-size:clamp(.95rem,4vw,1.35rem)}.content{padding:.7rem .55rem .8rem}.content h3{font-size:clamp(.82rem,3.3vw,.98rem)}.card.is-disabled::after,.card.is-no-stock::after{top:.4rem;right:.4rem;min-height:1.35rem;padding:.22rem .42rem;font-size:clamp(.62rem,2.5vw,.72rem)}}@media (max-width:360px){.grid{gap:.65rem}.content{padding-inline:.4rem}}