.bonuses-container{padding:20px;max-width:480px}.bonuses-container .bonus-list{display:flex;flex-direction:column;gap:12px}.bonuses-container .bonus-image-container{max-height:300px;width:200px}.bonuses-container .bonus-image-container img{width:100%;height:100%;object-fit:cover;border-radius:14px}@media screen and (max-width: 767px){.bonuses-container .bonus-image-container{width:125px}}.bonuses-container .bonus-item{background:var(--bg-black2);border-radius:14px;overflow:hidden;transition:all 0.3s ease}.bonuses-container .bonus-item .bonus-content{max-height:0;overflow:hidden;transition:max-height 0.3s ease-out;display:flex;flex-direction:column;gap:10px}.bonuses-container .bonus-item .bonus-content .bonus-content-inner{display:flex;flex-direction:row;gap:10px;padding:20px}.bonuses-container .bonus-item .bonus-content .bonus-content-inner .bonus-content-inner__info{flex:1;color:#fff}.bonuses-container .bonus-item .bonus-content .bonus-content-inner .bonus-content-inner__info .bonus-content-inner__info-bottom{position:sticky;top:90%;bottom:0;padding-bottom:0px}.bonuses-container .bonus-item.active .bonus-header{padding-bottom:15px}.bonuses-container .bonus-item.active .bonus-status{color:var(--tab-active)}.bonuses-container .bonus-item.expanded .bonus-content{max-height:400px}.bonuses-container .bonus-item.expanded .bonus-header:after{transform:rotate(180deg)}.bonuses-container .bonus-item.expanded .bonus-icon{visibility:hidden}.bonuses-container .bonus-item.used .bonus-status{color:var(--primary-lavander)}.bonuses-container .bonus-item.expired .bonus-status{color:var(--btn-grey)}.bonuses-container .bonus-item.cancelled .bonus-status{color:var(--btn-grey)}.bonuses-container .bonus-item.exhausted .bonus-status{color:var(--btn-grey)}.bonuses-container .bonus-item.taken .bonus-status{color:var(--btn-grey-hover)}.bonuses-container .bonus-item.claimable .bonus-status{color:var(--tab-active)}.bonuses-container .bonus-header{padding:15px 20px;display:flex;align-items:center;gap:15px;cursor:pointer;position:relative;color:#fff}.bonuses-container .bonus-header:after{content:"";width:10px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);transition:transform 0.3s ease;position:absolute;right:20px;top:50%;margin-top:-8px}.bonuses-container .bonus-icon{width:40px;height:40px;border-radius:8px;overflow:hidden}.bonuses-container .bonus-icon img{width:100%;height:100%;object-fit:cover}.bonuses-container .bonus-info{flex:1}.bonuses-container .bonus-info h3{font-size:14px;font-weight:600;color:#fff;margin-bottom:5px}.bonuses-container .bonus-details{display:flex;flex-direction:column;gap:2px;font-size:12px;color:var(--text-secondary)}.bonuses-container .bonus-status{font-size:14px;font-weight:600;white-space:nowrap;margin-right:30px}.bonuses-container .bonus-progress{position:relative;width:100%;height:4px;background:var(--bg-black3);border-radius:2px;margin-top:10px}.bonuses-container .bonus-progress .progress-bar{position:absolute;left:0;top:0;height:100%;background:var(--tab-active);border-radius:2px;transition:width 0.3s ease}.bonuses-container .bonus-cancel-btn,.bonuses-container .bonus-claim-btn{width:100%;padding:12px;background:var(--primary-lavander);color:#fff;border:none;font-size:14px;font-weight:600;cursor:pointer;transition:background 0.3s ease;border-radius:8px}.bonuses-container .bonus-cancel-btn:hover,.bonuses-container .bonus-claim-btn:hover{background:var(--btn-grey-hover)}@media screen and (max-width: 767px){.bonuses-container{padding:0}.bonuses-container .bonus-header{padding:12px 15px;gap:10px}.bonuses-container .bonus-icon{width:32px;height:32px}.bonuses-container .bonus-info h3{font-size:13px}.bonuses-container .bonus-details{font-size:11px}.bonuses-container .bonus-status{font-size:12px}.bonuses-container .bonus-cancel-btn,.bonuses-container .bonus-claim-btn{padding:10px;font-size:13px}}.deposit-bonus-container .bonus-list .bonus-item{padding:10px !important}.simple-bonus-form{margin:0;padding:0}@media screen and (max-width: 767px){.simple-bonus-form{margin-bottom:20px}}.simple-bonus-item{background:var(--bg-black2);border-radius:14px;padding:15px 20px;display:flex;align-items:center;border:none;text-align:left;cursor:pointer;gap:15px;cursor:pointer;position:relative;color:#fff;transition:all 0.3s ease;max-width:500px;width:100%;justify-self:center;align-self:center}.simple-bonus-item .bonus-icon{width:40px;height:40px;border-radius:8px;overflow:hidden}.simple-bonus-item .bonus-icon img{width:100%;height:100%;object-fit:cover}.simple-bonus-item .bonus-details{display:flex;flex-direction:row;gap:2px;font-size:12px;color:var(--text-secondary)}.simple-bonus-item .bonus-info{flex:1;font-size:14px;font-weight:600}.simple-bonus-item .checkbox{width:24px;height:24px;border:2px solid var(--text-secondary);border-radius:4px;display:flex;align-items:center;justify-content:center}.simple-bonus-item .checkbox.checked{background:var(--tab-active);border-color:var(--tab-active)}.simple-bonus-item .checkbox.checked:after{content:"✓";color:#fff}.simple-bonus-item:hover{background:var(--bg-black3)}