.hp-grid-bonus{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;opacity:0;transform:translateY(30px);transition:all .6s ease}.hp-grid-bonus.visible{opacity:1;transform:translateY(0)}.bonus-card{position:relative;border-radius:var(--radius-xl);background:linear-gradient(180deg,#2a177b2e,#111214bf),var(--card-dark);border:1px solid var(--line);box-shadow:var(--shadow-soft);padding:22px 24px;display:flex;align-items:center;gap:16px;transition:.3s ease}.bonus-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-soft),var(--shadow-neon)}.bonus-card-icon{position:relative;flex:0 0 auto;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(180deg,#00f0ff14,#00f0ff05);border:1px solid var(--neon);overflow:visible}.bonus-card-icon svg{width:26px;height:26px;stroke:var(--neon);stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round}.bonus-card-icon:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid var(--neon);opacity:0;transform:scale(1)}.hp-grid-bonus.visible .bonus-card-icon:before{animation:pulse 2.5s infinite ease-out}@keyframes pulse{0%{transform:scale(1);opacity:.9}70%{transform:scale(1.8);opacity:0}to{transform:scale(1);opacity:0}}.bonus-card-content h3{margin:0 0 4px;font-size:18px;color:var(--text-strong)}.bonus-card-content p{margin:0;color:var(--text);font-size:15px}
/*# sourceMappingURL=/cdn/shop/t/69/assets/hp-grid-bonus.css.map */