/* الهدايا */
.gift-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}
.gift{display:flex;flex-direction:column;align-items:center;gap:3px;padding:14px 6px;border-radius:18px;background:#ffffff0a;border:1px solid #ffffff14;transition:.15s}
.gift:active{background:#ff2d8726;border-color:var(--pink)}
.gift span{font-size:34px;line-height:1.1}
.gift b{font-size:12px}
.gift em{font-style:normal;font-size:11px;color:var(--amber);font-weight:800}
.gift-foot{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted)}
.gift-foot b{color:#fff}
.gift-burst{position:fixed;inset:0;z-index:60;pointer-events:none}
.gift-burst span{position:absolute;left:50%;bottom:30%;font-size:44px;transform:translateX(var(--x));animation:giftUp 1.5s var(--d) ease-out both}
@keyframes giftUp{0%{opacity:0;transform:translate(var(--x),40px) scale(.4)}20%{opacity:1}100%{opacity:0;transform:translate(calc(var(--x) * 1.6),-360px) scale(1.3) rotate(18deg)}}

/* فئات الهدايا + تأثيرات حسب قيمة الهدية */
.gift-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin-top:10px}
.gift-tabs::-webkit-scrollbar{display:none}
.gift-tabs button{flex:none;padding:7px 14px;border-radius:16px;background:#ffffff0d;border:1px solid #ffffff18;font-size:12px;font-weight:700;color:#cfd4e4;font-family:inherit}
.gift-tabs button.active{background:linear-gradient(135deg,var(--pink),#ff6aa9);color:#fff;border-color:transparent}
.gift-grid{max-height:44vh;overflow-y:auto}
.gift[hidden]{display:none}
.gift.big{border-color:#ffb54755;background:linear-gradient(160deg,#ffb5471a,#ffffff08)}
.gift.epic{border-color:#8b7bff88;background:linear-gradient(160deg,#8b7bff33,#ff5d8f22);box-shadow:0 0 18px #8b7bff33}
.gift.epic span{animation:giftGlow 1.8s ease-in-out infinite}
@keyframes giftGlow{50%{transform:scale(1.12);filter:drop-shadow(0 0 8px #fff8)}}
.gift-burst.big span{font-size:56px}
.gift-burst.epic{background:radial-gradient(circle at 50% 45%,#8b7bff44,#000a 70%);animation:epicBg 3.2s ease both}
.gift-burst.epic span{font-size:62px}
@keyframes epicBg{0%,100%{opacity:0}10%,85%{opacity:1}}
.gift-hero{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);text-align:center;animation:heroIn 1.9s ease both}
.gift-burst.epic .gift-hero{animation-duration:3.2s}
.gift-hero span{position:static!important;display:block;font-size:110px!important;animation:none!important;transform:none!important}
.gift-hero b{display:inline-block;margin-top:6px;padding:6px 16px;border-radius:16px;background:#000a;color:#fff;font-size:16px}
@keyframes heroIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}15%{opacity:1;transform:translate(-50%,-50%) scale(1.15)}25%{transform:translate(-50%,-50%) scale(1)}85%{opacity:1}100%{opacity:0;transform:translate(-50%,-60%) scale(1.1)}}