.delivery-bonus{overflow:hidden;border:1px solid #d8dfda;border-radius:16px;background:linear-gradient(145deg,#f7faf8,#f2f6f3);box-shadow:0 14px 36px rgba(25,37,31,.06)}.delivery-bonus>header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;border-bottom:1px solid #dfe5e1}.delivery-bonus>header>div{display:flex;flex-direction:column;gap:3px}.delivery-bonus>header span:first-child{color:var(--green);font-size:8px;font-weight:800;letter-spacing:.15em}.delivery-bonus>header b{font-size:14px}.delivery-bonus>header small{color:var(--muted);font-size:9px}.delivery-bonus>header>#bonusStatus{padding:6px 9px;border:1px solid #c8d7ce;border-radius:99px;background:#fff;color:var(--green);font-size:8px;font-weight:800;letter-spacing:.06em}.bonus-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:16px 20px}.bonus-option{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:11px;align-items:center;padding:14px;border:1px solid #d9dfdb;border-radius:12px;background:#fff;cursor:pointer;transition:border-color .18s,box-shadow .18s,transform .18s}.bonus-option:hover{border-color:#9ab5a6;transform:translateY(-1px);box-shadow:0 8px 20px rgba(28,54,41,.07)}.bonus-option.selected{border-color:#4f8b70;box-shadow:0 0 0 3px rgba(35,111,89,.09)}.bonus-option.completed{border-color:#bdd2c5;background:#f3f8f5;cursor:default}.bonus-option input{position:absolute;opacity:0;pointer-events:none}.bonus-icon{height:38px;display:grid;place-items:center;border-radius:10px;background:#e5efe9;color:var(--green);font-size:10px;font-weight:900}.bonus-option>span:nth-of-type(2){display:flex;min-width:0;flex-direction:column;gap:4px}.bonus-option b{font-size:11px}.bonus-option small{color:#758078;font-size:8px;line-height:1.5}.bonus-option i{padding:5px 8px;border-radius:99px;background:#edf3ef;color:#648071;font-size:8px;font-style:normal;font-weight:700}.bonus-option.selected i{background:var(--green);color:#fff}.bonus-option.completed i{background:#d9e8df;color:#32644d}.bonus-action{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 20px;border-top:1px solid #dfe5e1;background:rgba(255,255,255,.48)}.bonus-action p{margin:0;color:#77827b;font-size:9px}.bonus-action button{padding:10px 15px;border:0;border-radius:8px;background:var(--green);color:#fff;font-size:9px;font-weight:800;cursor:pointer;white-space:nowrap}.bonus-action button:disabled{opacity:.42;cursor:not-allowed}.bonus-action button:not(:disabled):hover{background:var(--green2)}
@media(max-width:700px){.bonus-options{grid-template-columns:1fr}.bonus-action{align-items:stretch;flex-direction:column}.bonus-action button{width:100%}}