/* iNFOLINK Gifts PRO (Facebook-like) */
.ifg-giftbar{margin:18px 0;padding:16px 14px;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:rgba(10,15,25,.55);backdrop-filter: blur(6px);}
.ifg-giftbar__title{font-weight:900;font-size:22px;line-height:1.05;margin:0 0 6px;color:#fff}
.ifg-giftbar__subtitle{opacity:.78;color:#fff;font-size:14px;margin:0 0 10px}

.ifg-giftbar__actions{display:flex;align-items:center;gap:10px;margin-top:6px}

/* Small subtle button like v1 */
.ifg-btn.ifg-open{display:inline-flex;align-items:center;justify-content:center;gap:8px;
  height:36px; padding:0 14px; border-radius:999px; border:0; cursor:pointer;
  background:#1877f2; color:#fff; font-weight:800; font-size:14px; box-shadow:0 8px 24px rgba(24,119,242,.25);
}

.ifg-comet{height:36px;width:44px;border-radius:999px;border:0;cursor:pointer;background:rgba(255,255,255,.12);color:#fff;display:inline-flex;align-items:center;justify-content:center;position:relative}
.ifg-comet__icon{font-size:18px;line-height:1}
.ifg-comet__badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#1877f2;color:#fff;font-size:11px;font-weight:900;display:flex;align-items:center;justify-content:center;border:2px solid rgba(10,15,25,.65)}

.ifg-giftbar__meta{display:flex;gap:14px;flex-wrap:wrap;margin-top:12px;font-size:13px;color:#fff;opacity:.85}
.ifg-giftbar__meta strong{opacity:1}

/* Modal */
.ifg-modal{position:fixed;inset:0;display:none;z-index:999999}
.ifg-modal.is-open{display:block}
.ifg-modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.55)}
.ifg-modal__panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:min(680px,92vw); max-height:86vh; overflow:auto; background:#fff; color:#111;
  border-radius:18px; box-shadow:0 18px 70px rgba(0,0,0,.35); padding:18px 16px 16px}

@media (max-width:520px){
  .ifg-modal__panel{top:auto;bottom:10px;transform:translate(-50%,0);border-radius:18px}
}

.ifg-modal__close{position:absolute;right:12px;top:10px;height:38px;width:38px;border-radius:999px;border:1px solid rgba(0,0,0,.08);background:#f3f4f6;cursor:pointer;font-size:22px;line-height:1}
.ifg-modal__title{font-weight:900;font-size:20px;margin:2px 0 2px;display:flex;gap:10px;align-items:center}
.ifg-modal__to{color:#6b7280;font-size:13px;margin-bottom:14px}

.ifg-fb-grid{display:grid;grid-template-columns:repeat(4, minmax(0,1fr));gap:14px;margin:10px 0 14px}
@media (max-width:520px){.ifg-fb-grid{grid-template-columns:repeat(4, minmax(0,1fr));gap:12px}}

.ifg-fb-gift{border:0;background:transparent;cursor:pointer;padding:0;display:flex;flex-direction:column;align-items:center;gap:8px}
.ifg-fb-gift__icon{height:72px;width:72px;border-radius:999px;border:1px solid rgba(0,0,0,.06);background:#f8fafc;display:flex;align-items:center;justify-content:center;font-size:34px}
.ifg-fb-gift.is-selected .ifg-fb-gift__icon{outline:3px solid rgba(24,119,242,.25);border-color:rgba(24,119,242,.45)}
.ifg-fb-gift__price{font-size:13px;color:#111;font-weight:800}

.ifg-other{margin-top:4px}
.ifg-other label,.ifg-message label{display:block;font-size:12px;color:#6b7280;margin:0 0 6px}
.ifg-money{display:flex;align-items:center;gap:8px;border:1px solid rgba(0,0,0,.12);border-radius:12px;padding:10px 12px}
.ifg-money span{font-weight:900;color:#111}
#ifg-amount{border:0;outline:0;width:100%;font-size:16px}
.ifg-help{font-size:12px;color:#6b7280;margin-top:6px}

.ifg-message textarea{width:100%;border:1px solid rgba(0,0,0,.12);border-radius:12px;padding:10px 12px;font-size:14px;outline:0;resize:vertical}

.ifg-modal__cta{display:flex;align-items:center;gap:12px;margin-top:14px}
/* Pay button same height as open button */
.ifg-btn.ifg-pay{height:36px;padding:0 14px;border-radius:999px;border:0;background:#1877f2;color:#fff;font-weight:900;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.ifg-btn.ifg-pay[disabled]{opacity:.65;cursor:not-allowed}
.ifg-secure{font-size:12px;color:#6b7280}

.ifg-toast{margin-top:10px;font-size:13px}