#bogo-free-box{clear:both;width:100%;box-sizing:border-box;position:relative;z-index:1}

.bogo-free-box{background:linear-gradient(90deg,#b08d25,#f5e08e,#b08d25);padding:16px 14px 18px;border-radius:18px;max-width:420px;margin:12px 0 14px;text-align:center}
.bogo-free-box.locked{opacity:.45;filter:grayscale(1);pointer-events:none}

.bogo-title{font-size:20px;font-weight:700;margin-bottom:4px}
.bogo-sub{font-size:14px;margin-bottom:12px}

.bogo-dropdown{border-radius:10px;overflow:hidden;border:1px solid #d4af37;background:#000}
.bogo-dropdown-header{color:#f5e08e;padding:12px;display:flex;justify-content:space-between;cursor:pointer;font-weight:600}
.bogo-dropdown-body{display:none;background:#111}
.bogo-dropdown.open .bogo-dropdown-body{display:block}
.bogo-dropdown.open .arrow{transform:rotate(180deg)}

.bogo-list{display:grid;gap:10px;margin:10px;max-height:260px;overflow-y:auto;padding-right:4px}

.bogo-item{display:flex;align-items:center;gap:10px;background:#000;color:#f5e08e;padding:8px;border-radius:10px;cursor:pointer;border:1px solid #d4af37;position:relative}
.bogo-item img{width:38px;height:38px;border-radius:8px;object-fit:cover}
.bogo-item.active{outline:2px solid #f5e08e}

.stock-badge{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:#d4af37;color:#000;padding:2px 6px;border-radius:6px;font-size:11px}

.bogo-claim-wrap{text-align:center;margin-top:14px}
#bogo-claim-btn{background:#000;color:#f5e08e;padding:12px 22px;border:none;border-radius:22px;font-weight:700}
#bogo-claim-btn:disabled{opacity:.4}

.shimmer .bogo-item{background:linear-gradient(110deg,#000 40%,#222 50%,#000 60%);background-size:200% 100%;animation:shimmer 1.5s infinite}
@keyframes shimmer{to{background-position-x:-200%}}