/* الهدايا */
.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)}}

/* ===== v22: صور الهدايا + الكمية + العداد (من قسم الهدايا في «تواصل») ===== */
.gift .g-img{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 4px 8px #0007)}
.gift .g-img.ph{border-radius:14px;object-fit:cover}
.gift .g-img.flag{width:52px;height:36px;border-radius:5px;object-fit:cover;box-shadow:0 2px 8px #0008}
.gift.epic .g-img{animation:giftGlow 1.8s ease-in-out infinite}
.gift-qty{display:flex;align-items:center;gap:6px;margin:-4px 0 10px;font-size:12px;color:var(--muted)}
.gift-qty button{padding:5px 12px;border-radius:12px;background:#ffffff0d;border:1px solid #ffffff18;color:#fff;font-weight:800;font-size:12px}
.gift-qty button.on{background:linear-gradient(135deg,var(--pink),var(--violet,#7b4dff));border-color:transparent}
.gift-burst .gb-img{width:48px;height:48px;object-fit:contain}
.gift-hero .hero-img{display:block;width:150px;height:150px;margin:0 auto;object-fit:contain;filter:drop-shadow(0 10px 30px #ff2d8766)}
.gift-hero .hero-img.ph{border-radius:30px;object-fit:cover;box-shadow:0 10px 40px #0009}
.gift-combo{position:absolute;left:50%;top:22%;transform:translateX(-50%);font:900 46px Poppins,Cairo,sans-serif;color:#fff;
  text-shadow:0 0 18px var(--pink),0 4px 10px #000;animation:comboPop .5s cubic-bezier(.2,1.6,.4,1) both}
@keyframes comboPop{0%{transform:translateX(-50%) scale(2.2);opacity:0}100%{transform:translateX(-50%) scale(1);opacity:1}}